In Produktion bereitstellen (5m)

Überblick

Dies ist ein kurzes Tutorial, um Ihnen zu helfen, Ihre Next.js-App mit GT bereitzustellen.

Wir werden dies in 3 Schritten tun:

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

Führen Sie den Init-Befehl aus, um Ihr Projekt zu konfigurieren.

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

Voraussetzungen

Stellen Sie sicher, dass Sie dem Schnellstart-Leitfaden gefolgt sind, um Ihre Next.js-App mit GT einzurichten.

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

Fügen Sie Ihren Produktions-API-Schlüssel und Ihre Projekt-ID zu Ihren Produktionsumgebungsvariablen hinzu.

Gehen Sie in Ihrem Dashboard in der Seitenleiste zu API-Schlüssel. Klicken Sie auf API-Schlüssel erstellen und fügen Sie sie 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 nur in der Produktion verwendet werden. Ebenso sollten Entwicklungsschlüssel nur in der Entwicklung verwendet werden. Niemals Ihre API-Schlüssel in ein öffentliches Repository einfügen!

Schritt 2: Führen Sie den init-Befehl aus 🔧

Führen Sie den init-Befehl aus, um Ihr Projekt zu konfigurieren.

npx gtx-cli init

Wenn Sie nicht möchten, dass Ihre Übersetzungen auf dem GT CDN gehostet werden, wählen Sie "Local", wenn Sie gefragt werden, wo Ihre Sprachdateien gespeichert sind. Sie müssen auch die loadTranslations() Funktion konfigurieren.

Schritt 3: Fügen Sie den Übersetzungsbefehl zu Ihrem Build-Skript hinzu 🏗️

Der nächste Schritt besteht darin, den Übersetzungsbefehl zu Ihrem Build-Skript hinzuzufügen und die Sprachversionen anzugeben, die Sie in die Produktion bringen möchten.

package.json

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

Das war's! Sie sind jetzt bereit, Ihr Next.js mit GT bereitzustellen!

Nächste Schritte

Siehe die CLI-Dokumentation für weitere Informationen über das CLI-Tool.
Folgen Sie diesem Leitfaden zu Wie man Lokalisierungen verwaltet.
Erfahren Sie, wie man Zeichenketten übersetzt.
Erfahren Sie mehr über die <T> Komponente.