Requisitos previos
Quetzal puede usarse para traducir Next.js que utiliza el marco next-intl.Instalando Quetzal
Instalar
Configuración
Después de instalar el paquete, se requiere configuración adicional.1
Ejecutar script de configuración
Ejecute
npx quetzal-setup
en el directorio donde instaló el paquete Quetzal2
Establecer Clave de API
Configure la variable de entorno
QUETZAL_API_KEY
con su Clave de API de Quetzal. Puede encontrar su Clave de API en su panel de control del proyecto3
Actualizar quetzal.config.json
El script de configuración debería haber creado esto para ti. Actualiza
paths
para que apunte a los directorios con el código que planeas localizar. Actualiza parser
a i18next-parser
Ejemplo quetzal.config.json
4
Configurar proveedor next-intl
Quetzal utiliza el paquete Más detalles sobre este proveedor se pueden encontrar en la documentación de next-intl.
next-intl
para inyectar traducciones en tu aplicación,
por lo que tu aplicación necesita usar el NextIntlClientProvider
Esto se verá algo así:5
Configurar el complemento next-intl
Tu aplicación también necesita agregar el Más detalles sobre este plugin se encuentran en la documentación de next-intl.
NextIntlPlugin
de next-intl
a tu archivo next.config.¡Y listo!
La configuración debería estar completa, y puedes empezar a traducir tu aplicación.Verificar su Instalación
Ejecutanpx quetzal-process-translations
para probar tu instalación.

Nota: Este script fallará si no ha marcado ningún texto en su aplicación para
traducción. Por lo tanto, es posible que tenga que comenzar a traducir su aplicación
primero
npx quetzal-process-translations
al script pre-build en el package.json de su proyecto, pero esto puede ser modificado.