Option to change the language without using the URL

Hi there, How we can change user language without using the url and headers detection! …

The issue with the URL is that the user when get back to the website, the language will be returned to the default language (e.g. en) not the language that the he have selected last time he visited the website (e.g fr).

So I want to store the language at localStorage on my app’s settings page … then Next.js app get the language from the localStorage.

How we can achieve that?

Thanks

[ChristopherHButler]

@isaachinman I’m not sure this statement is correct:

This functionality is not handled by next-i18next.

next.js has support for internationalised routing.

So next.js does by default detect the locale (language-region-script) and automatically re-route the user based on locale. You can also change the locale yourself by simply adding a button and an onClick handler something like the following:

  const onToggleLanguageClick = (newLocale) => {
    const { pathname, asPath, query } = router;
    router.push({ pathname, query }, router.asPath, { locale: newLocale });
  };

But this re-route’s the user. You cannot just change / select a language, it is tied to locale and routing. As a user of next-i18next I want to be able to select the set of translations to use independent of the user’s locale.

Tying language to locale makes an assumption about the user that they speak the language in the region they are browsing from. If I use myself as an example, I am an English speaker, but live in Norway. So I want to select language, regardless of my region.

With react-i18next I can do this with the changeLanguage function. It seems there is no equivalent offered from next-i18next. If next-i18next is responsible for deciding which set of translations to use then I believe you should be able to provide a changeLanguage function to do this.

Does this make sense / seem reasonable @isaachinman or have I misunderstood something?

[aabmets]

The solution is to use a different i18next package: medium article