Next-i18next serverSideTranslations initialI18nStore missing locales

Question

export const getStaticProps: GetStaticProps = async (context) => {
  const { locale } = context;
  const translations = await serverSideTranslations(locale, ["common"]);

  console.log(translations._nextI18Next.initialI18nStore)
}

is showing only the ones from the current locale and default locale if it is the case.

this is my next-18next.config.js file:

const path = require("path");

module.exports = {
  i18n: {
    defaultLocale: "de",
    locales: ["de", "en", "fr", "it"],
  },
  localePath: path.resolve("./src/locales"),
};

and my locales look something like this:

I would like to find in the initialI18nStore all the locales defined by me in the config. Why it isn't showing all of them?

Answer 1

You can access the locales array containing all supported locales from the context object in getStaticProps.

export const getStaticProps: GetStaticProps = async (context) => {
  const { locale, locales } = context;
  const translations = await serverSideTranslations(locale, ["common"]);

  console.log(locales); // Will log `['de', 'en', 'fr', 'it']`
}

Answer 2

I got the same problem. I used to get all locales translations strings using serverSideTranslations(locale, ["common"]) and suddenly I started to receiving only current locale's translations and default. I made a workaround to get all translations:

export const getStaticProps: GetStaticProps = async (context) => {
  const { locales } = context;

  for (const locale of locales) {
    const currentLocaleTranslation = await serverSideTranslations(locale, ['common']);

    // do something with your translations
  }
}