Desplegando a Producción

Descripción general

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

En total, esto debería tomar menos de 5 minutos para completar.

Lo haremos en 3 pasos:

Añade tus claves API de producción.

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

Añade el comando de traducción a tu script de compilación.

Requisitos previos

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

Paso 1: Cambia a 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 panel de control, ve a API Keys en la barra lateral. Haz clic en Create API Key, y añádelas 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 solo deben usarse en producción. Del mismo modo, las claves de desarrollo solo deben usarse en desarrollo. ¡Nunca subas tus claves API a un repositorio público!

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

Si ya has ejecutado 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 configure

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

Paso 3: Añade el comando de traducción a tu script de compilación 🏗️

El último paso es añadir el comando de traducción a tu script de compilación. Asegúrate de que el comando de traducción venga 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 en producción y ejecutes npm run build, tu proyecto será automáticamente traducido y desplegado junto con tu aplicación.

Próximos pasos

Consulta la documentación de 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 entornos de producción y desarrollo aquí.