Fix Multi-Language Support (reworkd#326)

Co-authored-by: Cs4K1Sr4C <[email protected]>
Co-authored-by: Adam Watkins <[email protected]>

.gitignore

@@ -41,4 +41,9 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 .idea
-.swc
+.swc
+
+# extracted language files
+/public/locales/$LOCALES
+
+.eslintcache

next-i18next.config.js

@@ -0,0 +1,31 @@
+module.exports = {
+  i18n: {
+    defaultLocale: "en",
+    locales: [
+      "en",
+      "hu",
+      "fr",
+      "de",
+      "it",
+      "ja",
+      "zh",
+      "ko",
+      "pl",
+      "pt",
+      "ro",
+      "ru",
+      "uk",
+      "es",
+      "nl",
+      "sk",
+      "hr",
+    ],
+  },
+  localePath: typeof window === "undefined" ? "./public/locales" : "/locales",
+  debug: false,
+  reloadOnPrerender: process.env.NODE_ENV === "development",
+  defaultNS: "translation",
+  react: {
+    useSuspense: false,
+  },
+};

next.config.mjs

@@ -5,15 +5,14 @@
  */
 !process.env.SKIP_ENV_VALIDATION && (await import("./src/env/server.mjs"));
 
+import nextI18NextConfig from './next-i18next.config.js'
+
 /** @type {import("next").NextConfig} */
 const config = {
   reactStrictMode: true,
   /* If trying out the experimental appDir, comment the i18n config out
    * @see https://github.com/vercel/next.js/issues/41980 */
-  i18n: {
-    locales: ["en"],
-    defaultLocale: "en",
-  },
+  i18n:nextI18NextConfig.i18n,
   webpack: function (config, options) {
     config.experiments = { asyncWebAssembly: true, layers: true };
     return config;