In Produktion bereitstellen

Überblick

Dies ist ein kurzes Tutorial, das Ihnen hilft, Ihre Next.js-App mit GT bereitzustellen.

Insgesamt sollte dies weniger als 5 Minuten dauern.

Wir machen das in 3 Schritten:

Fügen Sie Ihre Produktions-API-Schlüssel hinzu.

Führen Sie den Befehl gtx-cli configure aus, um Ihr Projekt zu konfigurieren.

Fügen Sie den Übersetzungsbefehl zu Ihrem Build-Skript hinzu.

Voraussetzungen

Wir gehen davon aus, dass Sie Ihre Next.js-App bereits mit GT eingerichtet haben. Falls nicht, richten Sie Ihr Projekt zunächst ein, indem Sie der Schnellstart-Anleitung folgen.

Schritt 1: Fügen Sie Ihre Produktions-API-Schlüssel hinzu 🔑

Um Ihre App in der Produktion bereitzustellen, benötigen Sie einen Produktions-API-Schlüssel.

Gehen Sie in Ihrem Dashboard in der Seitenleiste zu API Keys. Klicken Sie auf Create API Key und fügen Sie diese Ihrer Produktionsumgebung hinzu.

GT_API_KEY="YOUR_GT_API_KEY"
GT_PROJECT_ID="YOUR_GT_PROJECT_ID"

Schützen Sie Ihre API-Schlüssel!

Produktionsschlüssel sollten ausschließlich in der Produktion verwendet werden. Ebenso sollten Entwicklungsschlüssel nur in der Entwicklung verwendet werden. Geben Sie Ihre API-Schlüssel niemals in ein öffentliches Repository ein!

Schritt 2: Führen Sie den Befehl `gtx-cli configure` aus 🔧

Wenn Sie den Setup-Assistenten bereits ausgeführt haben, können Sie diesen Schritt überspringen. Der Setup-Assistent 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 configure

Wenn Sie nicht möchten, dass Ihre Übersetzungen auf dem GT CDN gehostet werden, wählen Sie bei der entsprechenden Frage "Nein" aus. Sie müssen außerdem 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. Stellen Sie sicher, dass der translate-Befehl vor dem build-Befehl ausgeführt wird.

package.json

{
  "scripts": {
    "build": "npx gtx-cli translate && <...YOUR_BUILD_COMMAND...>"
  }
}

Das war's! Wenn Sie nun Ihre App für die Produktion bereitstellen und npm run build ausführen, wird Ihr Projekt automatisch übersetzt und zusammen mit Ihrer App bereitgestellt.

Nächste Schritte

Weitere Informationen zum CLI-Tool finden Sie in den CLI-Dokumenten.
Erfahren Sie mehr über die verschiedenen Konfigurationsoptionen für das CLI-Tool hier.
Lesen Sie mehr über den Unterschied zwischen Produktions- und Entwicklungsumgebungen hier.