nextjs lingui template

Weiter.js & lingui: Erstellen einer mehrsprachigen Website

Überblick

Willkommen zum nächsten. Dieses Repository demonstriert die hochmoderne Integration von Next.js und Lingui, um statische Web-Apps mit mehrsprachiger Unterstützung zu erstellen.

NEXT.JS, ein leistungsstarkes React-Framework, ist so konzipiert, dass er serverbereitete React-Anwendungen und SSG-Sites erstellt. In diesem Zusammenhang nutzen wir die statischen Generierungsfunktionen von Next.js, um Seiten zum Bauzeit vorzubereiten.

In Kombination mit Lingui, einer I18N -Bibliothek (Internationalisierung) für JavaScript, haben wir uns bemüht, eine mehrsprachige statische Website zu erstellen, die effektiv an ein globales Publikum gerichtet ist.

Unser Ziel mit diesem Vorlagenprojekt ist es, das Verfahren des Aufbaus einer internationalen statischen Web-App zu veranschaulichen, die Performant, SEO-Advantaged und ein vereinfachtes Übersetzungsmanagement mit freundlicher Genehmigung der Funktionen durch die Verbindung von SSG und Lingui von Next.JS beibehält.

Schlüsselmerkmale

• Statische Site -Generierung mit Next.js : Erleben Sie die einzigartigen Vorteile der Nutzung von Next.js in unserer statischen Webanwendung. Dies umfasst Vorteile wie verbesserte Leistung und SEO, kundenseitige Routing und einen optimierteren Entwicklungsprozess.
• Übersetzungsmanagement mit Lingui : Entdecken Sie, wie Lingui Übersetzungen in unserer statischen Web -App vereinfacht, von der Nachrichtenextraktion bis zur Sprachpluralisierung und der lokalisierten Formatierung.
• Echtzeit-Sprachwechsel : Erleben Sie eine interaktive Funktion unserer statischen Web-App, mit der dynamische Sprachwechsel ermöglicht werden. Auf diese Weise können Benutzer mühelos zwischen verschiedenen Sprachen wechseln, ohne von ihrer aktuellen Seite weg zu navigieren.

Erste Schritte

Klicken Sie auf Use this template um das Repo für Ihre App zu erstellen.

Befolgen Sie die folgenden Schritte, um diese Projektvorlage zu verwenden:

1. Klon dieses Repository: git clone https://github.com/your-username/your-repo.git
2. Navigieren Sie zum Projektverzeichnis: cd your-repo
3. Projektabhängigkeiten installieren: pnpm install
4. Starten Sie den Entwicklungsserver: pnpm run dev
5. Öffnen Sie Ihren Browser und besuchen Sie http: // localhost: 3000, um die Anwendung in Aktion anzuzeigen.

Beitragen

Wir begrüßen Beiträge zu diesem Projekt! Befolgen Sie die folgenden Schritte, um dazu beizutragen:

1. Geben Sie das Repository auf
2. Erstellen Sie einen neuen Zweig: git checkout -b your-feature
3. Nehmen Sie Ihre Änderungen vor und begehen Sie sie: git commit -m "Add your feature"
4. Drücken Sie in den Zweig: git push origin your-feature
5. Öffnen Sie eine Pull -Anfrage an der Hauptzweig dieses Repositorys

Lizenz

Dieses Projekt ist unter der Apache -Lizenz lizenziert - Einzelheiten finden Sie in der Lizenzdatei.