# gt-react: General Translation React SDK: Production vs développement URL: https://generaltranslation.com/fr/docs/react/concepts/environments.mdx --- title: Production vs développement description: Différences entre les environnements de production et de développement --- {/* GÉNÉRÉ AUTOMATIQUEMENT : ne modifiez pas directement. Modifiez le modèle dans content/docs-templates/ à la place. */} ## Vue d’ensemble `gt-react` se comporte différemment selon l’environnement dans lequel s’exécute votre application React. Il détecte cet environnement en vérifiant la variable d’environnement `NODE_ENV`. ## Comportement en production ### Variables d’environnement En production, la seule variable d’environnement acceptée est `GT_PROJECT_ID` (ou une version préfixée, comme `NEXT_PUBLIC_GT_PROJECT_ID`). Si une clé d’API est fournie via une variable d’environnement, `gt-react` renverra une erreur. Cela permet d’éviter qu’une clé d’API soit exposée côté client. ### Comportement de chargement des traductions En production, le provider `gt-react` tente par défaut de charger les traductions depuis le CDN de General Translation. Si vous avez configuré un comportement de chargement personnalisé, par exemple avec des traductions locales, via la fonction `loadTranslations`, `gt-react` utilisera celui-ci à la place. Le rechargement à chaud des traductions est désactivé en production. ## Comportement en développement ### Variables d’environnement Comme le développement s’effectue en local et n’est pas exposé à des utilisateurs externes, `gt-react` accepte toutes les variables d’environnement de General Translation, même si elles sont préfixées par `NEXT_PUBLIC_`, `VITE_` (ou similaire). ### Comportement de chargement des traductions En développement, le provider `gt-react` essaie d’abord de charger les traductions de la même manière qu’en production. Ces traductions sont chargées en mémoire. Lors du rendu d’un composant (qui utilise `useGT`, `` ou `useTranslations`) dans une langue différente de la langue par défaut, le provider `gt-react` effectue les opérations suivantes : 1. S’il détecte une traduction valide déjà stockée pour le contenu donné, il affiche cette traduction. 2. Si aucune traduction n’est trouvée, il tente de traduire dynamiquement le contenu via l’API General Translation. 3. Une fois la traduction effectuée, elle est affichée et stockée en mémoire pour une utilisation ultérieure. 4. Si le délai d’attente de la traduction est dépassé, le système revient au contenu d’origine et l’affiche. Notre API met aussi en cache, en interne, les traductions de développement pendant une courte durée. Si la même traduction est de nouveau demandée, elle sera donc servie depuis le cache. Ces traductions sont isolées au niveau du projet ; elles ne seront donc pas mélangées avec les traductions d’autres projets. De plus, le cache est propre aux sessions de développement ; les traductions mises en cache ne seront donc pas utilisées en production. `gt-react` détecte les modifications apportées aux composants qui utilisent `useGT`, `` ou `useTranslations`, puis traduit dynamiquement le contenu modifié via notre API. ## Clés API de production et de développement [#api-keys] Pour bien distinguer les comportements de `gt-react` en production et en développement, nous utilisons les notions de « clés API de production » et de « clés API de développement ». ### Clés API de production Les clés API de production sont des clés API qui commencent par `gtx-api-`. Lorsqu'une clé API de production est fournie, `gt-react` se comporte comme décrit dans la section [Comportement en production](#production-behavior). Cela signifie que si vous exécutez votre application React en mode développement et que vous fournissez une clé API de production, `gt-react` se comportera comme si vous étiez en production. Le rechargement à chaud des traductions sera désactivé, et les composants sans traduction afficheront le contenu d'origine. En dehors de ce comportement, `gt-react` n'utilisera la clé API de production d'aucune autre façon. Si nous vous demandons de créer une clé API de production distincte pour le déploiement en production, c'est parce que l'outil CLI n'accède qu'aux clés API de production. L'outil CLI appliquera la facturation et la limitation de débit dans la catégorie « production ». ### Clés API de développement Les clés API de développement sont des clés API qui commencent par `gtx-dev-`. Lorsqu'une clé API de développement est fournie, `gt-react` se comporte comme indiqué dans la section [Comportement en développement](#development-behavior). Lorsque vous utilisez une clé API de développement, la facturation et la limitation du débit s'appliquent dans la catégorie "development". Les traductions créées avec une clé API de développement ne sont pas stockées et ne peuvent pas être utilisées en production. Les traductions de développement servent à vous permettre de tester votre application avant son déploiement en production.