# gt-next: General Translation Next.js SDK: Desplegar en producción
URL: https://generaltranslation.com/es/docs/next/tutorials/quickdeploy.mdx
---
title: Desplegar en producción
description: Despliega tu aplicación de Next.js con GT
---

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


## Resumen

Este es un breve tutorial para ayudarte a desplegar tu aplicación de Next.js con GT.

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

Lo haremos en 3 pasos:

<Steps>
  <Step>
    Agrega tus claves API de producción.
  </Step>

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

  <Step>
    Agrega el comando translate a tu script de compilación.
  </Step>
</Steps>

## Requisitos previos

Daremos por hecho que ya configuraste tu aplicación de Next.js con GT.
Si aún no lo has hecho, primero configura tu proyecto siguiendo la [Guía de inicio rápido](/docs/next).

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

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

En tu [panel de control](https://generaltranslation.com/dashboard), ve a **Claves API** en la barra lateral.
Haz clic en **Crear clave API** 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 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 hagas commit de tus claves API en 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 alojar tus traducciones en la CDN de GT, selecciona &quot;No&quot; cuando se te pregunte.
  También tendrás que configurar la función [`loadTranslations`](/docs/next/api/config/load-translations).
</Callout>


## Paso 3: Agrega el comando translate a tu script de compilación 🏗️

El último paso es agregar el [comando translate](/docs/cli/translate) a tu script de compilación.
Asegúrate de que el comando translate esté 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.

***


## Próximos pasos

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