next-intl
Traduce automáticamente tu proyecto con next-intl en menos de 5 minutos
Descripción general
Este tutorial te mostrará cómo gestionar automáticamente los archivos de traducción de tu proyecto si estás usando next-intl.
Seguiremos estos 4 pasos:
Agrega tus variables de entorno
Instala gtx-cli
Crea un archivo gt.config.json
Ejecuta gtx-cli translate
Consejo:
Evita la molestia de usar archivos de traducción con el componente <T>.
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 dashboard de General Translation.
GT_API_KEY=<tu-clave-de API>
GT_PROJECT_ID=<tu id de proyecto>Paso 2: Instala gtx-cli
Instala la herramienta gtx-cli en tu proyecto.
npm i gtx-cliyarn add --dev gtx-clibun add --dev gtx-clipnpm add --save-dev gtx-cliPaso 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 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 de CI antes del comando de build para añadir automáticamente las traducciones a tu proyecto.
{
"scripts": {
"translate": "npx gtx-cli translate",
"build": "npm run translate && <tu comando de compilación>"
}
}Esto generará traducciones para todas tus locales y las guardará en tu proyecto. Si quieres commitear estos files en tu repositorio, puedes ejecutar este comando antes de hacer el commit.
¡Listo! Ahora tu proyecto actualizará automáticamente todos tus files 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 confirmar tus files de traducción, en su lugar puedes ejecutar el comando
gtx-cli translateantes de confirmar. - 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.
¿Qué te parece esta guía?