Despliegue a producción
Cómo desplegar tu app de React con GT.
Descripción general
Este es un breve tutorial para ayudarte a implementar tu app de React con GT.
En total, esto debería llevar menos de 5 minutos.
Lo haremos en 3 pasos:
Añade tus API Keys de producción.
Ejecuta el comando gtx-cli configure para configurar tu proyecto.
Añade el comando translate a tu script de build.
Requisitos previos
Supondremos que ya has configurado tu app de React con GT. Si aún no lo has hecho, configura primero tu proyecto siguiendo la Guía de inicio rápido.
Paso 1: Cambia a tus claves de API de producción 🔑
Para desplegar tu aplicación en producción, deberás usar una clave de API de producción.
Desde tu panel, ve a API Keys en la barra lateral. Haz clic en Create API Key y añádela a tu entorno de producción.
GT_API_KEY="YOUR_GT_API_KEY"
GT_PROJECT_ID="YOUR_GT_PROJECT_ID"¡Protege tus API Keys!
Las claves de producción deben usarse únicamente en producción. Del mismo modo, las claves de desarrollo deben usarse únicamente en desarrollo. ¡Nunca subas tus claves de API a un repositorio público!
Paso 2: Ejecuta el comando gtx-cli configure 🔧
Si ya ejecutaste el asistente de configuración anteriormente, 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 deseas que tus traducciones se alojen en el GT CDN, 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 build 🏗️
El último paso es añadir el comando translate a tu script de build. Asegúrate de que el comando translate vaya antes del comando de build.
{
"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.
- Conoce las distintas options de configuración de la CLI aquí.
- Lee sobre las diferencias entre los entornos de producción y desarrollo aquí.
¿Qué te ha parecido esta guía?