# gt-react: General Translation React SDK: Implementar en producción
URL: https://generaltranslation.com/es/docs/react/tutorials/quickdeploy.mdx
---
title: Implementar en producción
description: Implementemos tu aplicación de React con GT
---

{/* GENERADO AUTOMÁTICAMENTE: No edites esto directamente. Edita la plantilla en content/docs-templates/. */}


## Resumen

Este es un tutorial breve para ayudarte a implementar tu aplicación de React con GT.

En total, debería llevarte menos de 5 minutos.

Lo haremos en 3 pasos:

<Steps>
  <Step>
    Añade tus claves de API de producción.
  </Step>

  <Step>
    Ejecuta el comando `gt configure` para configurar tu proyecto.
  </Step>

  <Step>
    Añade el comando `translate` a tu script de compilación.
  </Step>
</Steps>

## Requisitos previos

Supondremos que ya configuraste tu aplicación de React con GT.
Si aún no lo hiciste, primero configura tu proyecto siguiendo la [Guía de inicio rápido](/docs/react).

## Paso 1: Agrega tus claves de API de producción 🔑

Para implementar tu aplicación en producción, necesitarás usar una clave de API de producción.

Desde tu [panel](https://generaltranslation.com/dashboard), ve a **API Keys** en la barra lateral.
Haz clic en **Create API Key** y agrégala a tu entorno de producción.

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

<Callout type="warn">
  **¡Protege tus claves de API!**

  Las claves de producción deben usarse **únicamente** en producción.
  Del mismo modo, las claves de desarrollo deben usarse **únicamente** en desarrollo.
  *¡Nunca subas tus claves de API a un repositorio público!*
</Callout>


## Paso 2: Ejecuta el comando `gt configure` 🔧

<Callout>
  Si ya ejecutaste el asistente de configuración, puedes omitir este paso.
  El asistente de configuración ya habrá ejecutado el comando `gt configure` por ti.
</Callout>

Ejecuta el comando `gt configure` para configurar tu proyecto.

```bash copy
npx gt configure
```

<Callout>
  Si no quieres que tus traducciones se alojen en la CDN de GT, selecciona &quot;No&quot; cuando se te pregunte.
  También tendrás que configurar la función [`loadTranslations`](/docs/react/api/config/load-translations).
</Callout>


## Paso 3: Añade el comando `translate` a tu script de compilación 🏗️

El último paso es añadir el [comando `translate`](/docs/cli/translate) a tu script de compilación.
Asegúrate de que el comando `translate` vaya antes del comando de compilación.

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

¡Eso es todo! Ahora, cuando implementes tu aplicación en producción y ejecutes `npm run build`,
tu proyecto se traducirá automáticamente y se implementará junto con la aplicación.

***


## Siguientes pasos

* Consulta la [documentación de la CLI](/docs/cli) para obtener más información sobre la herramienta CLI.
* Conoce las distintas opciones de configuración de la herramienta CLI [aquí](/docs/cli/configure).
* Lee sobre la diferencia entre los entornos de producción y desarrollo [aquí](/docs/react/concepts/environments).