configured next-i18n, removed app router in favour of using pages sys…

…tem. changed pages to JS

next-i18next.config.js

@@ -0,0 +1,7 @@
+/** @type {import('next-i18next').UserConfig} */
+module.exports = {
+  i18n: {
+    defaultLocale: "en",
+    locales: ["en"],
+  },
+};

next.config.js

@@ -1,4 +1,9 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {}
 
-module.exports = nextConfig
+const { i18n } = require("./next-i18next.config");
+
+const nextConfig = {
+  i18n,
+};
+
+module.exports = nextConfig;

src/pages/_app.tsx

@@ -0,0 +1,8 @@
+import type { AppProps } from "next/app";
+import { appWithTranslation } from "next-i18next";
+
+function MyApp({ Component, pageProps }: AppProps) {
+  return <Component {...pageProps} />;
+}
+
+export default appWithTranslation(MyApp);

src/pages/index.js

@@ -0,0 +1,18 @@
+import { serverSideTranslations } from "next-i18next/serverSideTranslations";
+
+export async function getStaticProps({ locale }) {
+  return {
+    props: {
+      ...(await serverSideTranslations(locale, ["common", "footer"])),
+      // Will be passed to the page component as props
+    },
+  };
+}
+
+export default function Home() {
+  return (
+    <>
+      <p>Stormhacks 2024 is coming!</p>
+    </>
+  );
+}

tsconfig.json

@@ -22,6 +22,12 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    "src/pages/_app.tsx"
+  ],
   "exclude": ["node_modules"]
 }