Déploiement en production

Aperçu

Ceci est un court tutoriel pour vous aider à déployer votre application React avec GT.

Au total, cela ne devrait pas prendre plus de 5 minutes à compléter.

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

Nous supposerons que vous avez déjà configuré votre application React avec GT.
Si ce n'est pas le cas, commencez par configurer votre projet en suivant le Guide de démarrage rapide.

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

Pour déployer votre application en production, vous devrez utiliser une clé API de production.

Depuis votre dashboard, allez dans API Keys dans la barre latérale. Cliquez sur Create API Key, puis 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 doivent uniquement être utilisées en production. De même, les clés de développement doivent uniquement être utilisées en développement. Ne commettez jamais vos clés API dans un dépôt public !

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

Si vous avez déjà exécuté l'Assistant de configuration, vous pouvez ignorer cette étape. L'assistant de configuration aura déjà exécuté la commande gtx-cli configure pour vous.

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 CDN GT, sélectionnez "Non" lorsqu'on vous le demande. Vous devrez également configurer la fonction loadTranslations().

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

La dernière étape consiste à ajouter la commande translate à votre script de build. Assurez-vous que la commande translate soit placée avant la commande build.

package.json

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

Et voilà ! Désormais, lorsque vous déployez votre application en production et exécutez npm run build, votre projet sera automatiquement traduit et déployé en même temps que votre application.

Prochaines étapes

Consultez la documentation CLI pour plus d'informations sur l'outil CLI.
Découvrez les différentes options de configuration pour l'outil CLI ici.
Lisez à propos de la différence entre les environnements de production et de développement ici.