i18n Internationalization / Localization

Headlamp's internationalization uses the i18next, i18next-parser, and react-i18next libraries.

Default language, and locales

We started with an international English, and that will be the fallback language.

Now we're starting with locales familiar, and will accept translations through github.

Browser based language detection

We use i18next-browser-languagedetector

This can select the browser language through various means like through cookies, the html language tag and other ways.

One way to change the locale is to use ?lng=en in the URL.

Lazy load locale files

Dynamic imports and the webpack code splitting feature we load locale files from src/i18n/locales/{{lng}}/{{ns}}.json where {{lng}} is the language code, and {{ns}} is the namespace.