In Produktion deployen
Lass uns deine Next.js-App mit GT bereitstellen.
Überblick
Dieses kurze Tutorial hilft Ihnen, Ihre Next.js-App mit GT bereitzustellen.
Insgesamt sollte das weniger als 5 Minuten dauern.
Wir gehen in 3 Schritten vor:
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 translate-Befehl zu Ihrem Build-Skript hinzu.
Voraussetzungen
Wir gehen davon aus, dass du deine Next.js‑App bereits mit GT eingerichtet hast. Falls nicht, richte dein Projekt zunächst ein, indem du dem Schnellstartleitfaden folgst.
Schritt 1: Produktions-API-Schlüssel hinzufügen 🔑
Um Ihre App für die Produktion bereitzustellen, müssen Sie einen Produktions-API-Schlüssel verwenden.
Navigieren Sie in Ihrem Dashboard in der Seitenleiste zu API Keys. Klicken Sie auf Create API Key und fügen Sie ihn Ihrer 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 nur in der Produktion verwendet werden. Ebenso sollten Entwicklungsschlüssel nur 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 verwendet 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 konfigurierenWenn Sie nicht möchten, dass Ihre Übersetzungen über das GT CDN (Content Delivery Network) bereitgestellt werden, wählen Sie „Nein“, wenn Sie danach gefragt werden.
Außerdem müssen Sie die Funktion loadTranslations konfigurieren.
Schritt 3: Füge den translate-Befehl zu deinem Build-Skript hinzu 🏗️
Der letzte Schritt besteht darin, den translate-Befehl zu deinem Build-Skript hinzuzufügen. Achte darauf, dass der translate-Befehl vor dem Build-Befehl ausgeführt wird.
{
"scripts": {
"build": "npx gtx-cli translate && <...IHR_BUILD_COMMAND...>"
}
}Das war’s! Wenn du deine App jetzt für die Produktion bereitstellst und npm run build ausführst,
wird dein Projekt automatisch übersetzt und zusammen mit deiner App deployt.
Nächste Schritte
- Siehe die CLI-Dokumentation für weitere Informationen zum CLI-Tool.
- Erfahren Sie mehr über die verschiedenen options für das CLI-Tool hier.
- Lesen Sie hier über den Unterschied zwischen Produktions- und Entwicklungsumgebungen: hier.
Wie ist diese Anleitung?