Déployer en Production (5m)

Aperçu

Voici un court tutoriel pour vous aider à déployer votre application Next.js avec GT.

Nous allons procéder en 3 étapes :

Ajoutez vos clés API de production.

Exécutez la commande gtx-cli configure pour configurer votre projet.

Ajoutez la commande de traduction à votre script de build.

Prérequis

Assurez-vous d'avoir suivi le Guide de démarrage rapide pour configurer votre application Next.js avec GT.

Étape 1 : Ajoutez vos clés API de production 🔑

Ajoutez votre clé API et votre ID de projet de production à vos variables d'environnement de production.

Depuis votre tableau de bord, allez à API Keys dans la barre latérale. Cliquez sur Create API Key, et ajoutez-les à votre environnement de production.

GT_API_KEY="YOUR_GT_API_KEY"
GT_PROJECT_ID="YOUR_GT_PROJECT_ID"

Protégez vos clés API !

Les clés de production ne doivent jamais être utilisées qu'en production. De même, les clés de développement ne doivent jamais être utilisées qu'en développement. Ne publiez jamais vos clés API dans un dépôt public !

Étape 2 : Exécutez la commande `gtx-cli configure` 🔧

Exécutez la commande gtx-cli configure pour configurer votre projet.

npx gtx-cli configure

Si vous ne souhaitez pas que vos traductions soient hébergées sur le GT CDN, sélectionnez "Non" lorsque cela vous est demandé. Vous devrez également configurer la fonction loadTranslations().

Étape 3 : Ajoutez la commande translate à votre script de build 🏗️

L'étape suivante consiste à ajouter la commande translate à votre script de build.

package.json

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

Et voilà ! Vous êtes maintenant prêt à déployer votre Next.js avec GT !

Prochaines étapes

Consultez les docs CLI pour plus d'informations sur l'outil CLI.
Suivez ce guide sur Comment gérer les locales.
Apprenez comment Traduire des chaînes.
Découvrez le composant <T>.