i18next-Framework für React und Next.js

In diesem Beispiel importieren wir die englischen und französischen Übersetzungen aus JSON-Dateien. Wir initialisieren dann i18next mit diesen Übersetzungen und setzen die Standardsprache auf Englisch. Wir konfigurieren auch die Interpolations-Einstellungen, damit wir Variablen in unseren Übersetzungen verwenden können.

Sobald Sie Ihre Übersetzungen geladen und i18next eingerichtet haben, können Sie den useTranslation-Hook verwenden, um Text in Ihren Komponenten zu übersetzen.

In einer Next.js-Anwendung können Sie denselben Ansatz verwenden, um i18next zu integrieren. Sie können Übersetzungen in getStaticProps oder `getServer` laden