gt-react, gt-next

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

Überblick

In diesem Tutorial erfährst du, wie du die Übersetzungsdateien deines Projekts bei Verwendung von gt-next oder gt-react automatisch verwaltest.

Hinweis: Verwende dies nur, wenn du einen Production-Build auslieferst. Wenn du gt-next oder gt-react in der Entwicklung nutzt, ist dieser Befehl nicht erforderlich.

Wir folgen diesen 4 Schritten:

Füge deine Umgebungsvariablen hinzu

Konfiguriere dein Projekt mit dem Befehl npx gtx-cli configure


Schritt 1: Umgebungsvariablen hinzufügen

Fügen Sie Ihren Produktions-API-Schlüssel und die Projekt-ID zu Ihren Umgebungsvariablen hinzu. Dies ist erforderlich, um das Tool gtx-cli zu verwenden. Diese erhalten Sie 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 zu übernehmen.

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

Dadurch werden Übersetzungen für alle deine locales generiert und in deinem Projekt gespeichert. Wenn du diese files in dein Repo committen möchtest, kannst du stattdessen vor dem Committen diesen Befehl ausführen.

Fertig! Dein Projekt aktualisiert nun automatisch alle deine Übersetzungs-JSON files, sobald sich dein Projekt ändert.


Hinweise

  • Sie können Übersetzungen mit dem Befehl gtx-cli translate automatisch zu Ihrem Projekt hinzufügen.
  • Wenn Sie Ihre files mit Übersetzungen committen möchten, führen Sie stattdessen vor dem Commit den Befehl gtx-cli translate aus.
  • Informationen zum Konfigurieren des Ausgabepfads für Ihre Übersetzungen finden Sie in der Konfigurations-Dokumentation.

Nächste Schritte

Wie ist diese Anleitung?