next-intl
Übersetzen Sie Ihr next-intl-Projekt in unter 5 Minuten automatisch
Übersicht
In diesem Tutorial erfährst du, wie du die Übersetzungsdateien deines Projekts automatisch verwaltest, wenn du next-intl verwendest.
Wir gehen in 4 Schritten vor:
Env-Variablen hinzufügen
gtx-cli installieren
Eine gt.config.json-Datei erstellen
gtx-cli translate ausführen
Tipp:
Spare dir den Aufwand mit Übersetzungsdateien, indem du die <T>-Komponente verwendest.
Schritt 1: Füge deine Umgebungsvariablen hinzu
Füge deinen API-Schlüssel für die Produktion und deine Projekt-ID zu deinen Umgebungsvariablen hinzu.
Dies ist erforderlich, um das CLI-Tool gtx-cli zu verwenden.
Du erhältst diese im General Translation Dashboard.
GT_API_KEY=<your-api-key>
GT_PROJECT_ID=<your-project-id>Schritt 2: gtx-cli installieren
Installieren Sie das Tool gtx-cli in Ihrem Projekt.
npm i gtx-cliyarn add --dev gtx-clibun add --dev gtx-clipnpm add --save-dev gtx-cliSchritt 3: Datei gt.config.json erstellen
Erstellen Sie im Projektstammverzeichnis eine Datei namens gt.config.json.
{
  "defaultLocale": "en",
  "locales": ["zh", "es", "ja"],
  "files": {
    "json": {
      "include": ["i18n/[locale]/*.json"]
    },
  },
}Passen Sie die Datei gt.config.json nach Bedarf an. Weitere Informationen finden Sie in der Dokumentation zur Konfiguration.
Passen Sie das json-Dateiformat so an, dass der include-Pfad Ihrer Projektstruktur entspricht.
Übersetzungen behalten die ursprüngliche String-Syntax bei.
Schritt 4: Fügen Sie den Befehl gtx-cli translate zu Ihrem Build-Prozess hinzu
Fügen Sie den Befehl gtx-cli translate vor dem Build-Befehl in Ihren Build- oder CI-Prozess ein, um Übersetzungen automatisch in Ihr Projekt zu integrieren.
{
  "scripts": {
    "translate": "npx gtx-cli translate",
    "build": "npm run translate && <Ihr Build-Befehl>"
  }
}Dadurch werden Übersetzungen für all deine locales erzeugt und in deinem Projekt gespeichert. Wenn du diese files in dein Repo einchecken möchtest, kannst du stattdessen diesen Befehl vor dem Commit ausführen.
Fertig! Dein Projekt aktualisiert jetzt automatisch alle deine Übersetzungs-JSON-Dateien, sobald sich etwas ändert.
Hinweise
- Sie können Ihrem Projekt automatisch Übersetzungen mit dem Befehl gtx-cli translatehinzufügen.
- Wenn Sie Ihre Übersetzungsdateien versionieren möchten, führen Sie stattdessen vor dem Commit den Befehl gtx-cli translateaus.
- Informationen zur Konfiguration des Ausgabepfads für Ihre Übersetzungen finden Sie in der Konfigurationsdokumentation.
Nächste Schritte
- Siehe den Nutzungsleitfaden für das CLI-Tool.
Wie ist dieser Leitfaden?

