# 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: Vamos a desplegar tu aplicación Next.js con GT
---

{/* GENERADO AUTOMÁTICAMENTE: No lo edites directamente. En su lugar, edita el template en content/docs-templates/. */}


## Descripción general

Este es un breve tutorial para ayudarte a desplegar tu aplicación de Next.js 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 has configurado tu aplicación de Next.js con GT.
Si no es así, primero configura tu proyecto siguiendo la [guía de inicio rápido](/docs/next).

## Paso 1: Añade tus claves de API de producción 🔑

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

Desde 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 deben usarse **solo** en producción.
  Del mismo modo, las claves de desarrollo deben usarse **solo** en desarrollo.
  *¡Nunca publiques tus claves de 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 indique.
  También tendrás que configurar la función [`loadTranslations`](/docs/next/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.

***


## Próximos pasos

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