json (.json)
JSON es el formato de localización más utilizado para aplicaciones web. Las aplicaciones React que usan i18next o react-i18next almacenan las traducciones como objetos JSON planos o anidados. Las aplicaciones Vue.js que usan vue-i18n emplean JSON de forma nativa. Next.js, Angular, backends de Node.js y la mayoría de los frameworks de JavaScript tienen soporte nativo para JSON. Language Monster detecta automáticamente la estructura de tus archivos de configuración regional en JSON y gestiona tanto los diseños de objetos planos como los anidados.
El JSON plano mapea las claves de cadena directamente a los valores traducidos. El JSON anidado organiza las claves en espacios de nombres: por ejemplo, auth.login.button es una cadena anidada dentro de un objeto auth dentro de un objeto login. i18next accede a las claves anidadas mediante notación de puntos. Los archivos de traducción reciben el nombre del código de configuración regional: en.json, fr.json, de.json. La interpolación usa variables con nombre en la sintaxis de dobles llaves; las formas plurales usan la convención de sufijos _one y _other en i18next, o el separador de barra vertical en vue-i18n.
Buenas prácticas: divide los archivos de configuración regional por espacio de nombres de funcionalidad en lugar de mantener un único archivo grande por idioma. Esto permite la carga diferida únicamente de las cadenas que necesita una página, reduciendo el peso inicial del paquete. Nombra las claves de forma semántica — checkout.submit es más estable que button_14. Evita construir claves dinámicamente en tiempo de ejecución, ya que esto rompe las herramientas de análisis estático. Ejecuta eslint-plugin-i18next en tu integración continua para detectar cadenas incrustadas no traducidas antes de que lleguen a producción.