gt-react, gt-next

Übersetzen Sie Ihr gt-next- oder gt-react-Projekt automatisch

Übersicht

Dieses Tutorial zeigt, wie Sie die Übersetzungsdateien Ihres Projekts automatisch verwalten, wenn Sie gt-next oder gt-react verwenden.

Hinweis: Verwenden Sie dies nur, wenn Sie einen Produktions-Build ausliefern. Wenn Sie gt-next oder gt-react in der Entwicklung einsetzen, ist dieser Befehl nicht erforderlich.

Wir gehen in diesen 4 Schritten vor:

Fügen Sie Ihre Umgebungsvariablen hinzu

Konfigurieren Sie Ihr Projekt mit dem Befehl npx gtx-cli configure

Führen Sie gtx-cli translate aus


Schritt 1: Umgebungsvariablen hinzufügen

Fügen Sie Ihren API-Schlüssel für die Produktion und die Projekt-ID zu Ihren Umgebungsvariablen hinzu. Dies ist erforderlich, um das Tool gtx-cli zu verwenden. Sie erhalten diese im General Translation Dashboard.

.env
GT_API_KEY=<your-api-key>
GT_PROJECT_ID=<your-project-id>

Schritt 2: Konfiguriere dein Projekt mit dem Befehl npx gtx-cli configure

Führe den Befehl npx gtx-cli configure aus, um dein Projekt zu konfigurieren.

npx gtx-cli configure

Schritt 3: 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 aufzunehmen.

package.json
{
  "scripts": {
    "translate": "npx gtx-cli translate",
    "build": "npm run translate && <Ihr Build-Befehl>"
  }
}

Dies erzeugt Übersetzungen für alle Ihre locales und speichert sie in Ihrem Projekt. Wenn Sie diese files in Ihr Repo committen möchten, können Sie stattdessen vor dem Commit diesen Befehl ausführen.

Fertig! Ihr Projekt aktualisiert nun automatisch alle Ihre Übersetzungs‑JSON‑Dateien, sobald sich etwas an Ihrem Projekt ändert.


Hinweise

  • Mit dem Befehl gtx-cli translate können Sie automatisch Übersetzungen zu Ihrem Projekt hinzufügen.
  • Wenn Sie Ihre Übersetzungsdateien committen möchten, führen Sie stattdessen vor dem Commit den Befehl gtx-cli translate aus.
  • Wie Sie den Ausgabepfad für Ihre Übersetzungen konfigurieren, finden Sie in der Konfigurations‑Dokumentation.

Nächste Schritte

Wie ist dieser Leitfaden?

gt-react, gt-next