# react-native: Desplegar en producción
URL: https://generaltranslation.com/es/docs/react-native/tutorials/quickdeploy.mdx
---
title: Desplegar en producción
description: Vamos a desplegar tu aplicación de React Native con GT
---

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


## Descripción general

Este es un breve tutorial para ayudarte a desplegar tu aplicación de React Native 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

Suponemos que ya configuraste tu aplicación de React Native con GT.
Si no es así, primero configura tu proyecto siguiendo la [Guía de inicio rápido](/docs/react-native).

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

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

En tu [dashboard](https://generaltranslation.com/dashboard), ve a **API Keys** en la barra lateral.
Haz clic en **Create API Key** y añádelas 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 **solo** deben usarse en producción.
  Del mismo modo, las claves de desarrollo **solo** deben usarse 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 lo indiquen.
  También tendrás que configurar la función [`loadTranslations`](/docs/react-native/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 despliegues tu aplicación en producción y ejecutes `npm run build`,
tu proyecto se traducirá automáticamente y se desplegará junto con tu aplicación.

***


## Siguientes pasos

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