# gt-react: General Translation React SDK: Déployer en production
URL: https://generaltranslation.com/fr/docs/react/tutorials/quickdeploy.mdx
---
title: Déployer en production
description: Déployez votre application React avec GT
---

{/* GÉNÉRÉ AUTOMATIQUEMENT : ne modifiez pas ce fichier directement. Modifiez plutôt le template dans content/docs-templates/. */}


## Vue d’ensemble

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

Au total, cela devrait prendre moins de 5 minutes.

Nous allons procéder en 3 étapes :

<Steps>
  <Step>
    Ajoutez vos clés API de production.
  </Step>

  <Step>
    Exécutez la commande `gt configure` pour configurer votre projet.
  </Step>

  <Step>
    Ajoutez la commande `translate` à votre script de build.
  </Step>
</Steps>

## Prérequis

Nous partons du principe 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](/docs/react).

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

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

Dans votre [tableau de bord](https://generaltranslation.com/dashboard), ouvrez **API Keys** dans la barre latérale.
Cliquez sur **Create API Key**, puis ajoutez les clés à votre environnement de production.

```bash copy
GT_API_KEY="YOUR_GT_API_KEY"
GT_PROJECT_ID="YOUR_GT_PROJECT_ID"
```

<Callout type="warn">
  **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 publiez jamais vos clés API dans un dépôt public !*
</Callout>


## Étape 2 : Exécutez la commande `gt configure` 🔧

<Callout>
  Si vous avez déjà exécuté l’assistant de configuration, vous pouvez ignorer cette étape.
  Il a déjà exécuté la commande `gt configure` pour vous.
</Callout>

Exécutez la commande `gt configure` pour configurer votre projet.

```bash copy
npx gt configure
```

<Callout>
  Si vous ne souhaitez pas que vos traductions soient hébergées sur le CDN de GT, sélectionnez &quot;Non&quot; lorsque la question vous est posée.
  Vous devrez également configurer la fonction [`loadTranslations`](/docs/react/api/config/load-translations).
</Callout>


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

La dernière étape consiste à ajouter la [commande translate](/docs/cli/translate) à votre script de build.
Assurez-vous que la commande translate précède la commande de compilation.

```json title="package.json" copy
{
  "scripts": {
    "build": "npx gt translate && <...YOUR_BUILD_COMMAND...>"
  }
}
```

C&#39;est tout ! Désormais, lorsque vous déploierez votre application en production et exécuterez `npm run build`,
votre projet sera automatiquement traduit puis déployé avec votre application.

***


## Étapes suivantes

* Consultez la [documentation CLI](/docs/cli) pour en savoir plus sur l&#39;outil CLI.
* Découvrez les différentes options de configuration de l&#39;outil CLI [ici](/docs/cli/configure).
* Découvrez les différences entre les environnements de production et de développement [ici](/docs/react/concepts/environments).