In Produktion bereitstellen (5m)

Lassen Sie uns Ihre Next.js-App mit GT bereitstellen.

Übersicht

Dies ist ein kurzes Tutorial, das Ihnen hilft, 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 Befehl gtx-cli configure 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 Befehl gtx-cli configure aus 🔧

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 Abfrage "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 nächste Schritt besteht darin, den translate-Befehl zu Ihrem Build-Skript hinzuzufügen.

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

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


Nächste Schritte

Auf dieser Seite