i18next

Traduce automáticamente tu proyecto de i18next (<5 min)

Descripción general

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

Seguiremos estos 4 pasos:

Añade tus variables de entorno

Instala gtx-cli

Crea un archivo gt.config.json

Consejo: Evita la complejidad de usar archivos de traducción con el componente <T>.


Paso 1: Añade tus variables de entorno

Añade tu clave de API de producción y el id del proyecto a tus variables de entorno. Esto es necesario para usar la CLI gtx-cli. Puedes obtenerlas en el panel de General Translation.

.env
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.

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

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

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

Las traducciones conservarán la sintaxis original de las cadenas.

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 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 agregar traducciones automáticamente a tu proyecto con el comando gtx-cli translate.
  • Si quieres subir tus archivos de traducción al 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

¿Qué te ha parecido esta guía?

i18next