Despliega en Producción

Descripción general

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

En total, esto debería tomar menos de 5 minutos en completarse.

Lo haremos en 3 pasos:

Agrega tus claves API de producción.

Ejecuta el comando gtx-cli configure para configurar tu proyecto.

Agrega el comando translate a tu script de compilación.

Prerrequisitos

Asumiremos que ya has configurado tu aplicación Next.js con GT. Si no lo has hecho, primero configura tu proyecto siguiendo la Guía de Inicio Rápido.

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.

Desde tu dashboard, ve a API Keys en la barra lateral. Haz clic en Create API Key y agrégalas a tu entorno de producción.

GT_API_KEY="YOUR_GT_API_KEY"
GT_PROJECT_ID="YOUR_GT_PROJECT_ID"

¡Protege tus claves API!

Las claves de producción deben usarse solo en producción. De igual manera, las claves de desarrollo deben usarse solo en desarrollo. ¡Nunca subas tus claves API a un repositorio público!

Paso 2: Ejecuta el comando `gtx-cli configure` 🔧

Si ya ejecutaste el Asistente de Configuración anteriormente, puedes saltarte este paso. El asistente de configuración ya habrá ejecutado el comando gtx-cli configure por ti.

Ejecuta el comando gtx-cli configure para configurar tu proyecto.

npx gtx-cli configure

Si no deseas que tus traducciones se alojen en el GT CDN, selecciona "No" cuando se te pregunte. También necesitarás configurar la función loadTranslations().

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

El último paso es agregar el comando translate a tu script de compilación. Asegúrate de que el comando translate esté antes del comando de compilación.

package.json

{
  "scripts": {
    "build": "npx gtx-cli translate && <...YOUR_BUILD_COMMAND...>"
  }
}

¡Eso es todo! Ahora, cuando despliegues tu aplicación a 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 para obtener más información sobre la herramienta CLI.
Aprende sobre las diferentes opciones de configuración para la herramienta CLI aquí.
Lee sobre la diferencia entre los entornos de producción y desarrollo aquí.