i18next-framework voor React en Next.js

In dit voorbeeld importeren we de Engelse en Franse vertalingen uit JSON-bestanden. We initialiseren i18next vervolgens met deze vertalingen en stellen de standaardtaal in op Engels. We configureren ook de interpolatie-instellingen zodat we variabelen in onze vertalingen kunnen gebruiken.

Zodra je je vertalingen hebt geladen en i18next hebt ingesteld, kun je de useTranslation-hook gebruiken om tekst binnen je componenten te vertalen.

In een Next.js-toepassing kun je dezelfde aanpak gebruiken om i18next te integreren. Je kunt vertalingen laden in de getStaticProps of `getServer