gt-react, gt-next

Traduce automáticamente tu proyecto de gt-next o gt-react

Descripción general

Este tutorial te mostrará cómo administrar automáticamente los archivos de traducción de tu proyecto cuando uses gt-next o gt-react.

Nota: Úsalo solo al compilar para producción. Si usas gt-next o gt-react en desarrollo, este comando no es necesario.

Seguiremos estos 4 pasos:

Agrega tus variables de entorno

Configura tu proyecto con el comando npx gtx-cli configure


Paso 1: Agrega tus variables de entorno

Agrega tu clave de API de producción y el ID del proyecto a tus variables de entorno. Esto es necesario para usar la herramienta gtx-cli. Obtén estos datos en el dashboard de General Translation.

.env
GT_API_KEY=<your-api-key>
GT_PROJECT_ID=<your-project-id>

Paso 2: Configura tu proyecto con el comando npx gtx-cli configure

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

npx gtx-cli configure

Paso 3: Añade el comando gtx-cli translate a tu proceso de compilación

Añade el comando gtx-cli translate a tu proceso de compilación o CI antes del comando de build para incorporar automáticamente las traducciones a tu proyecto.

package.json
{
  "scripts": {
    "translate": "npx gtx-cli translate",
    "build": "npm run translate && <tu comando de build>"
  }
}

Esto generará traducciones para todos tus locales y las guardará en tu proyecto. Si quieres confirmar estos files en tu repo, puedes ejecutar este comando antes de confirmar.

¡Listo! Ahora tu proyecto actualizará automáticamente todos tus archivos JSON de traducción cada vez que tu proyecto cambie.


Notas

  • Puedes añadir traducciones automáticamente a tu proyecto con el comando gtx-cli translate.
  • Si quieres hacer commit de tus archivos de traducción, puedes ejecutar el comando gtx-cli translate antes de commitear.
  • Para configurar la ruta de salida de tus traducciones, consulta la documentación de configuración.

Próximos pasos

¿Qué te ha parecido esta guía?

gt-react, gt-next