next-i18next.config.mjs

import path from 'path'
import LocizeBackend from 'i18next-locize-backend/cjs'
import ChainedBackend from 'i18next-chained-backend'
import LocalStorageBackend from 'i18next-localstorage-backend'

const isDev = process.env.NODE_ENV !== 'production'
const isBrowser = typeof window !== 'undefined'

export default {
  i18n: {
    defaultLocale: 'en',
    locales: ['en', 'es', 'de', 'fa', 'fil', 'fr', 'hi', 'it', 'ko', 'pt', 'ru', 'sk', 'tr', 'zh']
  },
  localePath: path.resolve('./public/locales'),
  backend: {
    projectId: process.env.NEXT_PUBLIC_LOCIZE_PROJECT_ID,
    apiKey: process.env.NEXT_PUBLIC_LOCIZE_DEV_API_KEY,
    referenceLng: 'en',
    backendOptions: [
      {
        expirationTime: 60 * 60 * 1000 // 1 hour
      },
      {
        projectId: process.env.NEXT_PUBLIC_LOCIZE_PROJECT_ID,
        version: 'latest',
        reloadInterval: false
      }
    ],
    backends: isBrowser ? [LocalStorageBackend, LocizeBackend] : []
  },
  saveMissing: isDev,
  serializeConfig: false,
  reloadOnPrerender: isDev,
  use: isBrowser ? [ChainedBackend] : [],
  detection: {
    // check if language is cached in cookies, if not check local storage
    order: ['cookie', 'localStorage', 'path'],

    // next-i18next by default searches for the 'next-i18next' cookie on server requests
    lookupCookie: 'NEXT_LOCALE',
    lookupLocalStorage: 'i18nextLng',

    // cache the language in cookies and local storage
    caches: ['cookie', 'localStorage']
  }
}