In Produktion deployen
Lassen Sie uns Ihre Next.js-App mit GT deployen.
Übersicht
Dieses kurze Tutorial zeigt Ihnen, wie Sie Ihre Next.js-App mit GT bereitstellen.
Insgesamt sollte das weniger als 5 Minuten dauern.
Wir erledigen das in 3 Schritten:
Fügen Sie Ihre API-Schlüssel für die Produktion hinzu.
Führen Sie den Befehl gtx-cli configure aus, um Ihr Projekt zu konfigurieren.
Fügen Sie den Befehl translate zu Ihrem Build-Skript hinzu.
Voraussetzungen
Wir gehen davon aus, dass Ihre Next.js‑App bereits mit GT eingerichtet ist. Falls nicht, richten Sie Ihr Projekt zunächst ein, indem Sie der Schnellstartanleitung folgen.
Schritt 1: Produktions-API-Schlüssel hinzufügen 🔑
Um deine App für die Produktion bereitzustellen, musst du einen Produktions‑API‑Schlüssel verwenden.
Wechsle in deinem Dashboard in der Seitenleiste zu API Keys. Klicke auf Create API Key und füge den Schlüssel deiner Produktionsumgebung hinzu.
GT_API_KEY="YOUR_GT_API_KEY"
GT_PROJECT_ID="YOUR_GT_PROJECT_ID"Schützen Sie Ihre API Keys!
Produktionsschlüssel sollten ausschließlich in der Produktion verwendet werden. Ebenso sollten Entwicklungsschlüssel ausschließlich in der Entwicklung verwendet werden. Committen Sie Ihre API Keys niemals in ein öffentliches Repository!
Schritt 2: Führen Sie den Befehl gtx-cli configure aus 🔧
Wenn Sie den Einrichtungsassistenten bereits ausgeführt haben, können Sie diesen Schritt überspringen.
Der Einrichtungsassistent hat den Befehl gtx-cli configure bereits für Sie ausgeführt.
Führen Sie den Befehl gtx-cli configure aus, um Ihr Projekt zu konfigurieren.
npx gtx-cli configureWenn Sie nicht möchten, dass Ihre Übersetzungen über das GT CDN bereitgestellt werden, wählen Sie bei der Abfrage „No“.
Außerdem müssen Sie die Funktion loadTranslations konfigurieren.
Schritt 3: Fügen Sie den translate-Befehl zu Ihrem Build-Skript hinzu 🏗️
Der letzte Schritt besteht darin, den translate-Befehl zu Ihrem Build-Skript hinzuzufügen. Achten Sie darauf, dass der translate-Befehl vor dem Build-Befehl ausgeführt wird.
{
"scripts": {
"build": "npx gtx-cli translate && <...IHR_BUILD_BEFEHL...>"
}
}Das war’s! Wenn du deine App für die Produktion bereitstellst und npm run build ausführst,
wird dein Projekt automatisch übersetzt und zusammen mit deiner App ausgeliefert.
Nächste Schritte
- Siehe die CLI-Dokumentation für weitere Informationen zum CLI-Tool.
- Erfahren Sie mehr über die verschiedenen Konfigurationsoptionen für das CLI-Tool hier.
- Lesen Sie mehr über den Unterschied zwischen Produktions- und Entwicklungsumgebungen hier.
Wie ist dieser Leitfaden?