Despliegue a producción
Despleguemos tu app de Next.js con GT.
Descripción general
Este es un tutorial breve para ayudarte a desplegar tu app de Next.js con GT.
En total, esto debería tomar menos de 5 minutos.
Lo haremos en 3 pasos:
Agrega tus claves de API de producción.
Ejecuta el comando gtx-cli configure para configurar tu proyecto.
Agrega el comando translate a tu script de compilación.
Requisitos previos
Supondremos que ya configuraste tu aplicación de 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 de API de producción 🔑
Para desplegar tu app en producción, necesitarás usar una clave de 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 de API!
Las claves de producción solo deben utilizarse en producción. Del mismo modo, las claves de desarrollo solo deben utilizarse en desarrollo. ¡Nunca publiques tus claves de API en un repositorio público!
Paso 2: Ejecuta el comando gtx-cli configure 🔧
Si ya ejecutaste el asistente de configuración, puedes omitir 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 configureSi no quieres que tus traducciones se alojen en el GT CDN (red de entrega de contenido), selecciona «No» cuando se te pregunte.
También deberás configurar la función loadTranslations.
Paso 3: Añade el comando translate a tu script de compilación 🏗️
El último paso es añadir el comando translate a tu script de compilación. Asegúrate de colocar el comando translate antes del comando de compilación.
{
"scripts": {
"build": "npx gtx-cli translate && <...TU_COMANDO_DE_COMPILACIÓN...>"
}
}¡Listo! Ahora, cuando despliegues tu app en producción y ejecutes npm run build,
tu proyecto se traducirá automáticamente y se desplegará junto con tu app.
Próximos pasos
- Consulta la documentación de la CLI para obtener más información sobre la herramienta CLI.
- Conoce las diferentes options de configuración de la herramienta CLI aquí.
- Lee sobre la diferencia entre los entornos de producción y desarrollo aquí.
¿Qué te parece esta guía?