Descripción general

Este tutorial te mostrará cómo gestionar automáticamente los archivos de traducción de tu proyecto si usas next-intl.

Seguiremos estos 4 pasos:

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. Puedes obtenerlos en el panel de control de General Translation.

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

Paso 2: Instalar gtx-cli

Instala la herramienta gtx-cli en tu proyecto.

npm i gtx-cli

yarn add --dev gtx-cli

bun add --dev gtx-cli

pnpm add --save-dev gtx-cli

Paso 3: Crea un archivo gt.config.json

Crea un archivo gt.config.json en la raíz de tu proyecto.

{
  "defaultLocale": "en",
  "locales": ["zh", "es", "ja"],
  "files": {
    "json": {
      "include": ["i18n/[locale]/*.json"]
    },
  },
}

Puedes personalizar el archivo gt.config.json según tus necesidades. Consulta la documentación de configuración para más información.

Actualiza el formato del archivo json para que la ruta include coincida con la estructura de tu proyecto.

Paso 4: 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 en tu proyecto.

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

Esto generará traducciones para todas tus locales y las guardará en tu proyecto. Si deseas agregar estos archivos a tu repositorio, puedes ejecutar este comando antes de hacer el commit.

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

Notas

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

Próximos pasos

• Consulta la guía de uso de la herramienta CLI.