upgrade to nextjs12

i18n/index.js

@@ -1,32 +1,32 @@
-import path from 'path';
-import LanguageDetector from 'i18next-browser-languagedetector';
-import NextI18Next from 'next-i18next';
-import { initReactI18next } from 'react-i18next';
-import getConfig from '../tenant.config';
+// import path from 'path';
+// import LanguageDetector from 'i18next-browser-languagedetector';
+// import NextI18Next from 'next-i18next';
+// import { initReactI18next } from 'react-i18next';
+// import getConfig from '../tenant.config';
 
-const config = getConfig();
+// const config = getConfig();
 
-export default new NextI18Next({
-  use: [LanguageDetector, initReactI18next],
-  localePath: path.resolve('./public/static/locales'),
-  defaultLanguage: config.languages[0] ? config.languages[0] : 'en',
-  fallbackLng: config.languages[0] ? config.languages[0] : 'en',
-  debug: false,
-  otherLanguages: config.languages, // list all languages here
-  detection: {
-    // check if language is cached in local storage, otherwise retrieve from browser language
-    order: ['localStorage', 'navigator'],
+// export default new NextI18Next({
+//   use: [LanguageDetector, initReactI18next],
+//   localePath: path.resolve('./public/static/locales'),
+//   defaultLanguage: config.languages[0] ? config.languages[0] : 'en',
+//   fallbackLng: config.languages[0] ? config.languages[0] : 'en',
+//   debug: false,
+//   otherLanguages: config.languages, // list all languages here
+//   detection: {
+//     // check if language is cached in local storage, otherwise retrieve from browser language
+//     order: ['localStorage', 'navigator'],
 
-    // next-i18next by default searches for the 'next-i18next' cookie, local storage key on server requests
-    lookupLocalStorage: 'language',
+//     // next-i18next by default searches for the 'next-i18next' cookie, local storage key on server requests
+//     lookupLocalStorage: 'language',
 
-    // cache the language local storage
-    caches: ['localStorage'],
-  },
-  react: {
-    // trigger a rerender when language is changed
-    bindI18n: 'languageChanged',
-    // we're NOT using suspsense to detect when the translations have loaded
-    useSuspense: false,
-  },
-});
+//     // cache the language local storage
+//     caches: ['localStorage'],
+//   },
+//   react: {
+//     // trigger a rerender when language is changed
+//     bindI18n: 'languageChanged',
+//     // we're NOT using suspsense to detect when the translations have loaded
+//     useSuspense: false,
+//   },
+// });

next-env.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited

next-i18next.config.js

@@ -0,0 +1,10 @@
+const path = require('path');
+
+module.exports = {
+  i18n: {
+    fallbackLng: 'en',
+    defaultLocale: 'en',
+    locales: ['en', 'de', 'cs', 'es', 'fr', 'it', 'pt-BR'],
+  },
+  localePath: path.resolve('./public/static/locales'),
+};

next.config.js

@@ -2,6 +2,7 @@ const withPlugins = require('next-compose-plugins');
 const withBundleAnalyzer = require('@next/bundle-analyzer')({
   enabled: process.env.ANALYZE === 'true',
 });
+const { i18n } = require('./next-i18next.config');
 
 // Use the SentryWebpack plugin to upload the source maps during build step
 const SentryWebpackPlugin = require('@sentry/webpack-plugin');
@@ -47,6 +48,7 @@ const hasAssetPrefix =
 
 module.exports = withPlugins([[withBundleAnalyzer]], {
   productionBrowserSourceMaps: true,
+  i18n,
   serverRuntimeConfig: {
     rootDir: __dirname,
   },