@intlayer/docs 9.4.4 → 9.5.0

package/blog/es/internationalization_and_SEO.md

@@ -21,16 +21,12 @@ author: aymericzip
 
 ¿Quieres alcanzar más usuarios en todo el mundo? Hacer que tu sitio web sea multilingüe es una de las mejores maneras de expandir tu audiencia y mejorar tu SEO (Optimización para Motores de Búsqueda). En esta publicación del blog, desglosaremos los conceptos básicos del SEO internacional, frecuentemente referido como **i18n** (abreviatura de “internacionalización”), en términos claros y comprensibles. Aprenderás sobre las decisiones clave que necesitas tomar, cómo usar elementos técnicos como `hreflang`, y por qué herramientas como **Intlayer** pueden simplificar tus proyectos multilingües de Next.js.
 
----
-
 ## 1. ¿Qué Significa Hacer que Tu Sitio Web Sea Multilingüe?
 
 Un sitio web multilingüe ofrece su contenido en más de un idioma. Por ejemplo, podrías tener una versión en inglés (`example.com/en/`), una versión en francés (`example.com/fr/`), y una versión en español (`example.com/es/`). Este enfoque permite que los motores de búsqueda muestren la versión correcta en el idioma adecuado a los usuarios según sus preferencias o ubicación geográfica.
 
 Cuando lo haces bien, crearás una experiencia mucho más amigable para los hablantes no nativos de inglés, lo que lleva a una mejor participación, tasas de conversión más altas y un SEO mejorado en diferentes regiones.
 
----
-
 ## 2. Elegir la Estructura de URL Correcta
 
 Si decides tener varias versiones en idiomas, necesitarás una manera clara y consistente de organizar las URLs de tu sitio. Cada idioma (o región) debería tener su propia “dirección” única en internet. A continuación, se presentan tres formas comunes de estructurar sitios web multilingües:
@@ -52,8 +48,6 @@ Si decides tener varias versiones en idiomas, necesitarás una manera clara y co
 
 > **Consejo:** Si tienes una marca global y quieres mantener las cosas más simples, los subdirectorios suelen funcionar mejor. Si solo estás apuntando a uno o dos países principales y quieres realmente enfatizar cada uno, los ccTLDs pueden ser el camino a seguir.
 
----
-
 ## 3. Dominando el Segmento de Idioma con Hreflang
 
 ### 3.1. ¿Qué Es Hreflang?
@@ -84,8 +78,6 @@ En tu HTML, agregarás algo como:
 
 > **Nota Rápida:** Asegúrate de que las URLs en estas etiquetas apunten directamente a la página final, sin **redirecciones** adicionales.
 
----
-
 ## 4. Haciendo que el Contenido Sea Verdaderamente “Local” (No Solo Traducido)
 
 ### 4.1. Localización vs. Traducción
@@ -116,8 +108,6 @@ En tu HTML, agregarás algo como:
 
 Incluso con buenas traducciones, los motores de búsqueda pueden marcar tu sitio por contenido duplicado si aparece demasiado similar en estructura. Hreflang ayuda a aclarar que estas páginas no son duplicados, sino variaciones de idioma.
 
----
-
 ## 5. Must-Haves de SEO Técnico
 
 ### 5.1. Declaraciones de Idioma (`lang` y `dir`)
@@ -146,8 +136,6 @@ Las etiquetas canónicas indican a los motores de búsqueda qué página es la
 <link rel="canonical" href="https://example.com/fr/produits" />
 ```
 
----
-
 ## 6. SEO en la Página en Múltiples Idiomas
 
 ### 6.1. Títulos y Meta Descripciones
@@ -164,8 +152,6 @@ Tus encabezados deben reflejar las **frases locales** o **palabras clave** de ca
 - Localiza el texto alternativo, los subtítulos y los nombres de archivos si es necesario.
 - Usa visuales que resuenen con la cultura objetivo.
 
----
-
 ## 7. Cambio de Idioma y Experiencia del Usuario
 
 ### 7.1. ¿Redirección Automática o un Selector de Idioma?
@@ -245,8 +231,6 @@ const LocaleSwitcher: FC = () => {
 - Guarda la elección de idioma de tu usuario en una **cookie** o **sesión**.
 - La próxima vez que visiten tu sitio, puedes cargar automáticamente su idioma preferido.
 
----
-
 ## 8. Construyendo Backlinks Locales
 
 **Backlinks** (enlaces desde sitios externos hacia el tuyo) siguen siendo un factor SEO importante. Cuando gestionas un sitio multilingüe, considera:
@@ -254,8 +238,6 @@ const LocaleSwitcher: FC = () => {
 - Ponerte en contacto con sitios de noticias locales, blogs o foros. Por ejemplo, un dominio `.fr` apuntando a tu subdirectorio francés puede aumentar tu SEO local francés.
 - Monitorear backlinks por idioma para ver qué regiones necesitan más esfuerzos de relaciones públicas/marketing.
 
----
-
 ## 9. Monitoreando y Manteniendo Tu Sitio Multilingüe
 
 ### 9.1. Google Analytics y Search Console
@@ -268,8 +250,6 @@ const LocaleSwitcher: FC = () => {
 - Mantén las traducciones frescas. Si cambias la descripción de un producto en inglés, actualízala en francés, español, etc.
 - Las traducciones desactualizadas pueden confundir a los clientes y perjudicar la confianza del usuario.
 
----
-
 ## 10. Errores Comunes a Evitar
 
 1. **Contenido Traducido por Máquinas**
@@ -284,14 +264,10 @@ const LocaleSwitcher: FC = () => {
 4. **Ignorar las Nuance Culturales**
    Un chiste o frase que funciona en un país puede ser ofensivo o insignificante en otro.
 
----
-
 ## Audita tu sitio web con Intlayer SEO Scanner
 
 Para asegurarte de que tu aplicación multilingüe esté perfectamente optimizada, recomendamos utilizar el [Intlayer SEO Scanner](https://intlayer.org/i18n-seo-scanner). Es una herramienta especializada en la comprobación de sitios web multilingües que te ayuda a identificar etiquetas hreflang faltantes, enlaces rotos y otros problemas de SEO en todas tus páginas localizadas.
 
----
-
 ## Conclusión
 
 Hacer que tu sitio web sea multilingüe implica más que solo traducir texto. Se trata de estructurar las URLs de manera efectiva, utilizar etiquetas `hreflang` para ayudar a los motores de búsqueda a servir la versión correcta, y proporcionar una experiencia de usuario excepcional, completa con visuales localizados, selectores de idioma y navegación consistente. Seguir estas mejores prácticas te preparará para el éxito en mercados globales, aumentará la satisfacción del usuario y, en última instancia, ofrecerá mejores resultados de SEO a través de las regiones.

package/blog/es/intlayer_with_i18next.md

@@ -64,7 +64,6 @@ Esta guía te muestra cómo aprovechar el sistema superior de declaración de co
 ## Guía Paso a Paso para Configurar Intlayer con i18next
 
 <Steps>
-
 <Step number={1} title="Instalar Dependencias">
 
 Instala los paquetes necesarios:
@@ -111,7 +110,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Plugin para exportar las declaraciones de contenido de Intlayer a un formato JSON compatible con i18next
 
 </Step>
-
 <Step number={2} title="Implementar el plugin de Intlayer para envolver el JSON">
 
 Crea un archivo de configuración de Intlayer para definir los locales soportados:

package/blog/es/intlayer_with_next-i18next.md

@@ -52,12 +52,9 @@ Aunque Intlayer ofrece una excelente solución i18n independiente (consulta nues
 
 Esta guía te muestra cómo aprovechar el superior sistema de declaración de contenido de Intlayer mientras mantienes la compatibilidad con next-i18next.
 
----
-
 ## Guía paso a paso para configurar Intlayer con next-i18next
 
 <Steps>
-
 <Step number={1} title="Instalar dependencias">
 
 Instala los paquetes necesarios usando tu gestor de paquetes preferido:
@@ -104,7 +101,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Plugin para sincronizar las declaraciones de contenido de Intlayer al formato JSON de i18next
 
 </Step>
-
 <Step number={2} title="Implementar el plugin de Intlayer para envolver el JSON">
 
 Crea un archivo de configuración de Intlayer para definir los locales que soportas:

package/blog/es/intlayer_with_next-intl.md

@@ -58,7 +58,6 @@ Esta guía te muestra cómo aprovechar el sistema superior de declaración de co
 ## Guía paso a paso para configurar Intlayer con next-intl
 
 <Steps>
-
 <Step number={1} title="Instalar dependencias">
 
 Instala los paquetes necesarios:
@@ -105,7 +104,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Plugin para exportar declaraciones de contenido de Intlayer a un formato JSON compatible con next-intl
 
 </Step>
-
 <Step number={2} title="Implementar el plugin de Intlayer para envolver el JSON">
 
 Crea un archivo de configuración de Intlayer para definir tus locales soportados:

package/blog/es/intlayer_with_react-i18next.md

@@ -58,7 +58,6 @@ Esta guía te muestra cómo aprovechar el sistema superior de declaración de co
 ## Guía paso a paso para configurar Intlayer con react-i18next
 
 <Steps>
-
 <Step number={1} title="Instalar dependencias">
 
 Instala los paquetes necesarios:
@@ -105,7 +104,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Plugin para exportar las declaraciones de contenido de Intlayer a un formato JSON compatible con react-i18next
 
 </Step>
-
 <Step number={2} title="Implementar el plugin de Intlayer para envolver el JSON">
 
 Crea un archivo de configuración de Intlayer para definir tus locales soportados:

package/blog/es/intlayer_with_react-intl.md

@@ -56,7 +56,6 @@ Esta guía te muestra cómo aprovechar el sistema superior de declaración de co
 ## Guía paso a paso para configurar Intlayer con react-intl
 
 <Steps>
-
 <Step number={1} title="Instalar dependencias">
 
 Instala los paquetes necesarios:
@@ -103,7 +102,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Plugin para exportar las declaraciones de contenido de Intlayer a un formato JSON compatible con react-intl
 
 </Step>
-
 <Step number={2} title="Implementar el plugin de Intlayer para envolver el JSON">
 
 Crea un archivo de configuración de Intlayer para definir tus locales soportados:

package/blog/es/intlayer_with_vue-i18n.md

@@ -53,12 +53,9 @@ Aunque Intlayer ofrece una excelente solución i18n independiente (consulta nues
 
 Esta guía te muestra cómo aprovechar el sistema superior de declaración de contenido de Intlayer mientras mantienes la compatibilidad con vue-i18n.
 
----
-
 ## Guía paso a paso para configurar Intlayer con vue-i18n
 
 <Steps>
-
 <Step number={1} title="Instalar dependencias">
 
 Instala los paquetes necesarios usando tu gestor de paquetes preferido:
@@ -105,7 +102,6 @@ bun add intlayer @intlayer/sync-json-plugin --dev
 - **@intlayer/sync-json-plugin**: Plugin para sincronizar las declaraciones de contenido de Intlayer al formato JSON de vue-i18n
 
 </Step>
-
 <Step number={2} title="Implementar el plugin de Intlayer para envolver el JSON">
 
 Crea un archivo de configuración de Intlayer para definir tus locales soportados:

package/blog/es/list_i18n_technologies/frameworks/angular.md

@@ -29,8 +29,6 @@ La internacionalización, a menudo conocida como i18n, es el proceso de diseñar
 
 Aprende más sobre los fundamentos de i18n leyendo nuestro artículo: [¿Qué es la Internacionalización (i18n)? Definición y Desafíos](https://github.com/aymericzip/intlayer/blob/main/docs/blog/es/what_is_internationalization.md).
 
----
-
 ## El Desafío de Traducción para Aplicaciones Angular
 
 Traducir una aplicación Angular introduce varios desafíos:
@@ -41,8 +39,6 @@ Traducir una aplicación Angular introduce varios desafíos:
 - **Enrutamiento y Estado**: Asegurar que el idioma correcto se mantenga mientras navegas entre rutas implica gestión del estado y posiblemente guards o interceptores de rutas personalizados.
 - **Escalabilidad y Mantenimiento**: Los archivos de traducción pueden crecer rápidamente, y mantenerlos organizados, versionados y en sincronía con la evolución de tu aplicación puede ser una tarea continua.
 
----
-
 ## Principales Soluciones i18n para Angular
 
 Angular ofrece un marco i18n integrado y hay varias bibliotecas de terceros diseñadas para simplificar tu configuración multilingüe. A continuación se presentan algunas de las soluciones más populares.
@@ -67,8 +63,6 @@ Angular ofrece un marco i18n integrado y hay varias bibliotecas de terceros dise
 
 - **Comunidad y Ecosistema**: Aunque está en crecimiento, el ecosistema es más nuevo, por lo que los plugins y herramientas impulsados por la comunidad pueden ser más limitados en comparación con soluciones más establecidas.
 
----
-
 ### 2. i18n Integrado de Angular
 
 **Descripción General**  
@@ -87,8 +81,6 @@ Angular incluye un sistema **i18n** integrado que incluye herramientas para extr
 - **Contenido Dinámico**: Manejar contenido en tiempo real o impulsado por el usuario puede requerir lógica personalizada ya que la solución integrada de Angular se enfoca mucho en traducciones en tiempo de compilación.
 - **Flexibilidad Limitada en Tiempo de Ejecución**: Cambiar de idioma al instante (sin recargar la aplicación) puede ser un desafío porque las traducciones están integradas en el tiempo de construcción.
 
----
-
 ### 3. ngx-translate
 
 Sitio Web: [https://github.com/ngx-translate/core](https://github.com/ngx-translate/core)
@@ -109,8 +101,6 @@ Sitio Web: [https://github.com/ngx-translate/core](https://github.com/ngx-transl
 - **SEO y SSR**: Si necesitas renderizado del lado del servidor con Angular Universal, ngx-translate requiere una configuración adicional para asegurar que las traducciones correctas se sirvan a los rastreadores y navegadores en la primera carga.
 - **Rendimiento**: Aunque flexible en tiempo de ejecución, manejar muchas traducciones en páginas grandes puede tener implicaciones en el rendimiento, por lo que se recomiendan estrategias de caché.
 
----
-
 ### 4. Transloco
 
 Sitio Web: [https://ngneat.github.io/transloco/](https://ngneat.github.io/transloco/)

package/blog/es/list_i18n_technologies/frameworks/react-native.md

@@ -23,8 +23,6 @@ author: aymericzip
 
 En un mercado global cada vez más competitivo, ofrecer tu aplicación de React Native en múltiples idiomas puede mejorar significativamente la accesibilidad y la satisfacción del usuario. La internacionalización (i18n) es central para gestionar traducciones de manera efectiva, permitiéndote mostrar texto específico de cada idioma, formatos de fecha y hora, moneda, y más sin complicar tu código. En este artículo, exploraremos varios enfoques de i18n, que van desde bibliotecas dedicadas hasta soluciones más generales, y te ayudaremos a encontrar el que mejor se adapte a tu proyecto de React Native.
 
----
-
 ## ¿Qué es la Internacionalización (i18n)?
 
 La internacionalización, o i18n, implica estructurar una aplicación para que pueda adaptarse fácilmente a diferentes idiomas, formatos regionales y normas culturales. En React Native, i18n incluye el manejo de cadenas para botones y etiquetas, así como el formato de fechas, horas, monedas y más de acuerdo con la configuración regional del usuario. Las aplicaciones de React Native bien preparadas te permiten integrar sin problemas idiomas adicionales y comportamientos específicos de la localidad más adelante, sin grandes refactorizaciones.
@@ -32,8 +30,6 @@ La internacionalización, o i18n, implica estructurar una aplicación para que p
 Para una exploración más profunda de los conceptos de internacionalización, consulta nuestro artículo:  
 [¿Qué es la Internacionalización (i18n)? Definición y Desafíos](https://github.com/aymericzip/intlayer/blob/main/docs/blog/es/what_is_internationalization.md).
 
----
-
 ## El Desafío de la Traducción para Aplicaciones de React Native
 
 Trabajar con traducciones en React Native introduce sus propias consideraciones únicas:
@@ -53,8 +49,6 @@ Trabajar con traducciones en React Native introduce sus propias consideraciones
 - **Actualizaciones de la Aplicación y (OTA)**  
   Si utilizas CodePush o algún otro mecanismo de actualización OTA, debes planificar cómo se entregarán las actualizaciones de traducción o nuevos idiomas sin requerir un lanzamiento completo en la tienda de aplicaciones.
 
----
-
 ## Principales Soluciones de i18n para React Native
 
 A continuación se presentan varios enfoques populares para gestionar contenido multilingüe en React Native. Cada uno tiene como objetivo simplificar tu flujo de trabajo de traducción de diferentes maneras.
@@ -88,8 +82,6 @@ A continuación se presentan varios enfoques populares para gestionar contenido
 - **Comunidad y Ecosistema**  
   Sigue siendo una solución relativamente nueva, por lo que puede que encuentres menos ejemplos impulsados por la comunidad o complementos listos en comparación con bibliotecas establecidas hace tiempo.
 
----
-
 ### 2. React-i18next
 
 > Sitio web: [https://react.i18next.com/](https://react.i18next.com/)
@@ -122,8 +114,6 @@ A continuación se presentan varios enfoques populares para gestionar contenido
 - **Rendimiento**  
   Aunque React-i18next generalmente tiene un buen rendimiento, querrás prestar atención a cómo organizas y cargas los recursos de traducción para evitar sobrecargas en dispositivos móviles.
 
----
-
 ### 3. React Intl (de FormatJS)
 
 > Sitio web: [https://formatjs.io/docs/react-intl/](https://formatjs.io/docs/react-intl/)
@@ -156,8 +146,6 @@ A continuación se presentan varios enfoques populares para gestionar contenido
 - **Ejemplos de la Comunidad**  
   Aunque es ampliamente utilizado, puede haber menos ejemplos de uso específicos de React Native en comparación con React web. Probablemente necesitarás adaptar la documentación y patrones existentes a un entorno nativo.
 
----
-
 ### 4. LinguiJS
 
 > Sitio web: [https://lingui.js.org/](https://lingui.js.org/)
@@ -190,8 +178,6 @@ A continuación se presentan varios enfoques populares para gestionar contenido
 - **Organización del Código**  
   Decidir cómo dividir tus catálogos de mensajes (por pantalla, característica o idioma) es vital para mantener la claridad en aplicaciones más grandes.
 
----
-
 ## Reflexiones Finales
 
 Al seleccionar una solución de i18n para tu aplicación de React Native:

package/blog/es/list_i18n_technologies/frameworks/react.md

@@ -23,16 +23,12 @@ author: aymericzip
 
 En el panorama digital actual, es esencial expandir el alcance de su sitio web para atender a una audiencia global. Para los desarrolladores que construyen con React, implementar la internacionalización (i18n) es clave para gestionar traducciones de manera eficiente mientras se preserva la estructura de la aplicación, el valor SEO y la experiencia del usuario. En este artículo, exploramos varios enfoques de i18n, desde bibliotecas dedicadas hasta soluciones personalizadas, ayudándole a decidir cuál se adapta mejor a las necesidades de su proyecto.
 
----
-
 ## ¿Qué es la Internacionalización (i18n)?
 
 La internacionalización, abreviada como i18n, es el proceso de diseñar y preparar su sitio web para soportar múltiples idiomas y contextos culturales. En React, esto significa configurar su aplicación para que las cadenas, formatos de fecha, formatos de número e incluso el diseño puedan adaptarse fácilmente para usuarios de diferentes regiones. Preparar su aplicación de React para la i18n establece las bases para integrar limpamente traducciones y otras características de localización.
 
 Aprenda más sobre i18n leyendo nuestro artículo: [¿Qué es la Internacionalización (i18n)? Definición y Desafíos](https://github.com/aymericzip/intlayer/blob/main/docs/blog/es/what_is_internationalization.md).
 
----
-
 ## El Desafío de la Traducción para Aplicaciones de React
 
 Traducir un sitio web de React presenta varios desafíos:
@@ -43,8 +39,6 @@ Traducir un sitio web de React presenta varios desafíos:
 - **Gestión de Estado y Contexto:** Asegurar que el idioma correcto se mantenga a través de rutas y componentes requiere una gestión de estado cuidadosa.
 - **Sobrecarga de Desarrollo:** Mantener archivos de traducción, asegurar la precisión del contexto y mantener su aplicación escalable son consideraciones continuas.
 
----
-
 ## Principales Soluciones de i18n para React
 
 A continuación se presentan varios enfoques populares para gestionar contenido multilingüe en aplicaciones de React, cada uno diseñado para simplificar el proceso de traducción de diferentes maneras.
@@ -69,8 +63,6 @@ A continuación se presentan varios enfoques populares para gestionar contenido
 
 - **Comunidad y Ecosistema**: Aunque está en crecimiento, el ecosistema es más nuevo, por lo que los plugins y herramientas impulsados por la comunidad pueden ser más limitados en comparación con soluciones más establecidas.
 
----
-
 ### 2. React-i18next
 
 Sitio web: [https://react.i18next.com/](https://react.i18next.com/)
@@ -93,8 +85,6 @@ Sitio web: [https://react.i18next.com/](https://react.i18next.com/)
 - **Ecosistema de Plugins**: Existe un amplio ecosistema de plugins y middlewares disponible, lo que también significa que necesitará filtrar a través de varios paquetes para encontrar las herramientas adecuadas.
 - **Componentes del Servidor**: Requiere configuración adicional para asegurar que los componentes del servidor recojan las localidades correctas, especialmente si utiliza frameworks diferentes a Next.js.
 
----
-
 ### 3. React Intl (de FormatJS)
 
 Sitio web: [https://formatjs.io/docs/react-intl/](https://formatjs.io/docs/react-intl/)
@@ -137,8 +127,6 @@ Sitio web: [https://lingui.js.org/](https://lingui.js.org/)
 - **Comunidad y Plugins**: El ecosistema está creciendo pero aún es más pequeño en comparación con i18next o FormatJS.
 - **Componentes del Servidor**: Puede necesitar configuración más explícita para asegurar que los componentes del servidor reciban los datos de la localidad correctos.
 
----
-
 ### Reflexiones Finales
 
 Al elegir una biblioteca de i18n para React:

package/blog/es/list_i18n_technologies/frameworks/svelte.md

@@ -23,16 +23,12 @@ author: aymericzip
 
 A medida que la web sigue conectando a las personas de todo el mundo, proporcionar contenido en múltiples idiomas es cada vez más importante. Para los desarrolladores que trabajan con **Svelte**, implementar i18n es esencial para gestionar traducciones de manera eficiente, mantener un código limpio y cumplir con buenas prácticas de SEO. En este artículo, nos adentramos en varias soluciones y flujos de trabajo de i18n para Svelte, ayudándote a elegir la que mejor se adapte a las necesidades de tu proyecto.
 
----
-
 ## ¿Qué es la Internacionalización (i18n)?
 
 La internacionalización, comúnmente abreviada como i18n, es el proceso de diseñar y construir tu aplicación para que pueda adaptarse fácilmente a varios idiomas, regiones y convenciones culturales. En Svelte, esto generalmente significa configurar cadenas de traducción, localizar fechas, horas y números, y asegurar que la interfaz de usuario pueda cambiar dinámicamente entre diferentes locales sin grandes reescrituras de código.
 
 Para aprender más sobre los fundamentos de i18n, lee nuestro artículo: [¿Qué es la Internacionalización (i18n)? Definición y Desafíos](https://github.com/aymericzip/intlayer/blob/main/docs/blog/es/what_is_internationalization.md).
 
----
-
 ## El Desafío de la Traducción para Aplicaciones Svelte
 
 Traducir una aplicación Svelte puede presentar varios obstáculos:
@@ -43,8 +39,6 @@ Traducir una aplicación Svelte puede presentar varios obstáculos:
 - **Estado y Enrutamiento**: Mantener el idioma correcto en múltiples rutas y páginas dinámicas a menudo implica orquestar estado global, guardias de ruta o hooks personalizados en SvelteKit.
 - **Mantenibilidad**: A medida que crece tu base de código y los archivos de traducción, mantener todo bien organizado y sincronizado se convierte en un esfuerzo continuo.
 
----
-
 ## Principales Soluciones i18n para Svelte
 
 Svelte no proporciona una solución de i18n nativa e incorporada (como Angular), pero la comunidad ha creado una variedad de bibliotecas y patrones robustos. A continuación se presentan varios enfoques populares.
@@ -69,8 +63,6 @@ Svelte no proporciona una solución de i18n nativa e incorporada (como Angular),
 
 - **Comunidad y Ecosistema**: Aunque está en crecimiento, el ecosistema es más nuevo, por lo que los plugins y herramientas impulsados por la comunidad pueden ser más limitados en comparación con soluciones más establecidas.
 
----
-
 ### 2. svelte-i18n
 
 Repositorio: [https://github.com/kaisermann/svelte-i18n](https://github.com/kaisermann/svelte-i18n)
@@ -91,8 +83,6 @@ Repositorio: [https://github.com/kaisermann/svelte-i18n](https://github.com/kais
 - **Configuración de SSR**: La configuración de SSR para SEO puede requerir pasos adicionales para asegurar la correcta detección de locales en el lado del servidor.
 - **Rendimiento**: Aunque es flexible en tiempo de ejecución, un gran número de traducciones cargadas a la vez puede afectar los tiempos de carga inicial; considera estrategias de carga diferida o caché.
 
----
-
 ### 3. svelte-intl-precompile
 
 Repositorio: [https://github.com/cibernox/svelte-intl-precompile](https://github.com/cibernox/svelte-intl-precompile)
@@ -113,8 +103,6 @@ Repositorio: [https://github.com/cibernox/svelte-intl-precompile](https://github
 - **Contenido Dinámico**: Si necesitas traducciones al vuelo para contenido generado por el usuario, este enfoque puede requerir pasos adicionales para actualizaciones en tiempo de ejecución.
 - **Curva de Aprendizaje**: La combinación de extracción de mensajes y precompilación puede ser ligeramente más compleja para los recién llegados.
 
----
-
 ### 4. i18next con Svelte / SvelteKit
 
 Sitio web: [https://www.i18next.com/](https://www.i18next.com/)
@@ -135,8 +123,6 @@ Aunque **i18next** se asocia más comúnmente con React o Vue, también es posib
 - **Sobrecarga**: i18next es robusto, pero para proyectos Svelte más pequeños, algunas de sus características pueden ser excesivas.
 - **Enrutamiento y Estado**: Manejar el enrutamiento de idiomas probablemente involucrará hooks o middleware personalizados de SvelteKit.
 
----
-
 ### Pensamientos Finales
 
 Al seleccionar una estrategia de i18n para tu aplicación Svelte:

package/blog/es/list_i18n_technologies/frameworks/vue.md

@@ -23,16 +23,12 @@ author: aymericzip
 
 En un paisaje digital cada vez más globalizado, extender el alcance de tu sitio web de Vue.js a usuarios en múltiples idiomas ya no es un “valor agregado”, es una necesidad competitiva. La internacionalización (i18n) permite a los desarrolladores gestionar traducciones y adaptar sus aplicaciones para diversos locales, mientras preservan el valor SEO, la experiencia del usuario y estructuras de código mantenibles. En este artículo, exploraremos diferentes enfoques, que van desde bibliotecas dedicadas hasta soluciones personalizadas, que te ayudarán a integrar i18n en tu proyecto de Vue.js sin problemas.
 
----
-
 ## ¿Qué es la Internacionalización (i18n)?
 
 La internacionalización (i18n) es la práctica de preparar una aplicación de software (o sitio web) para múltiples idiomas y convenciones culturales. Dentro del ecosistema de Vue.js, esto incluye establecer cómo el texto, fechas, números, moneda y otros elementos localizables pueden ser adaptados a varios locales. Al configurar i18n desde el principio, aseguras una estructura organizada y escalable para agregar nuevos idiomas y manejar futuras necesidades de localización.
 
 Para aprender más sobre los conceptos básicos de i18n, consulta nuestra referencia: [¿Qué es la Internacionalización (i18n)? Definición y Desafíos](https://github.com/aymericzip/intlayer/blob/main/docs/blog/es/what_is_internationalization.md).
 
----
-
 ## El Desafío de la Traducción para Aplicaciones Vue
 
 Traducir una aplicación de Vue.js presenta su propio conjunto de desafíos:
@@ -43,14 +39,10 @@ Traducir una aplicación de Vue.js presenta su propio conjunto de desafíos:
 - **Estado y Contexto Reactivo:** Asegurarse de que el locale actual se mantenga a través de rutas y componentes, actualizando reactivamente textos y formatos, requiere un enfoque cuidadoso, especialmente cuando se trata de Vuex o Pinia para la gestión del estado.
 - **Sobrecarga de Desarrollo:** Mantener archivos de traducción organizados, consistentes y actualizados puede rápidamente convertirse en una tarea importante si no se gestiona cuidadosamente.
 
----
-
 ## Principales Soluciones de i18n para Vue.js
 
 A continuación se presentan varias bibliotecas y enfoques populares que puedes utilizar para incorporar internacionalización en tus aplicaciones Vue. Cada una busca simplificar la traducción, SEO y consideraciones de rendimiento de diferentes maneras.
 
----
-
 ### 1. Intlayer
 
 > Sitio web: [https://intlayer.org/](https://intlayer.org/)
@@ -94,8 +86,6 @@ A continuación se presentan varias bibliotecas y enfoques populares que puedes
 - **Ecosistema de Plugins**  
   Si bien es robusto, puede que necesites seleccionar cuidadosamente entre múltiples plugins o módulos (Nuxt I18n, Vue I18n, etc.) para construir una configuración perfecta.
 
----
-
 ### 3. LinguiJS (Integración con Vue)
 
 > Sitio web: [https://lingui.js.org/](https://lingui.js.org/)
@@ -123,8 +113,6 @@ Conocida originalmente por su integración con React, **LinguiJS** también ofre
 - **Comunidad Más Pequeña**  
   Comparado con Vue I18n, hay un ecosistema relativamente más pequeño. Plugins mantenidos oficialmente y complementos de terceros pueden ser más limitados.
 
----
-
 ## Reflexiones Finales
 
 Al decidir sobre una solución de i18n para tu aplicación Vue.js:

package/blog/es/next-i18next_vs_next-intl_vs_intlayer.md

@@ -42,16 +42,12 @@ Nos enfocamos en **Next.js 13+ App Router** (con **React Server Components**) y
 
 > Una confusión común entre los desarrolladores es pensar que `next-intl` es la versión de Next.js de `react-intl`. No lo es: `next-intl` es mantenido por [Amann](https://github.com/amannn), mientras que `react-intl` es mantenido por [FormatJS](https://github.com/formatjs/formatjs).
 
----
-
 ## En resumen
 
 - **next-intl** - Formateo de mensajes ligero y sencillo con un sólido soporte para Next.js. Los catálogos centralizados son comunes; la experiencia del desarrollador (DX) es simple, pero la seguridad y el mantenimiento a gran escala siguen siendo principalmente tu responsabilidad.
 - **next-i18next** - i18next con apariencia de Next.js. Ecosistema maduro y características mediante plugins (por ejemplo, ICU), pero la configuración puede ser extensa y los catálogos tienden a centralizarse a medida que los proyectos crecen.
 - **Intlayer** - Modelo de contenido centrado en componentes para Next.js, **tipado estricto en TS**, **verificaciones en tiempo de compilación**, **tree-shaking**, **middleware y ayudas SEO integradas**, **Editor Visual/CMS** opcional y **traducciones asistidas por IA**.
 
----
-
 | Library                | GitHub Stars                                                                                                                                                                     | Total Commits                                                                                                                                                                        | Last Commit                                                                                                                                           | First Version | NPM Version                                                                                                         | NPM Downloads                                                                                                                  |
 | ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | ------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
 | `aymericzip/intlayer`  | [![GitHub Repo stars](https://img.shields.io/github/stars/aymericzip/intlayer?style=for-the-badge&label=%E2%AD%90%20stars)](https://github.com/aymericzip/intlayer/stargazers)   | [![GitHub commit activity](https://img.shields.io/github/commit-activity/t/aymericzip/intlayer?style=for-the-badge&label=commits)](https://github.com/aymericzip/intlayer/commits)   | [![Last Commit](https://img.shields.io/github/last-commit/aymericzip/intlayer?style=for-the-badge)](https://github.com/aymericzip/intlayer/commits)   | April 2024    | [![npm](https://img.shields.io/npm/v/intlayer?style=for-the-badge)](https://www.npmjs.com/package/intlayer)         | [![npm downloads](https://img.shields.io/npm/dm/intlayer?style=for-the-badge)](https://www.npmjs.com/package/intlayer)         |
@@ -61,8 +57,6 @@ Nos enfocamos en **Next.js 13+ App Router** (con **React Server Components**) y
 
 > Las insignias se actualizan automáticamente. Las instantáneas variarán con el tiempo.
 
----
-
 ## Comparación de Funciones Lado a Lado (enfocado en Next.js)
 
 | Función                                                          | `next-intlayer` (Intlayer)                                                                                                                       | `next-intl`                                                                                                                           | `next-i18next`                                                                                                                        |
@@ -88,16 +82,12 @@ Nos enfocamos en **Next.js 13+ App Router** (con **React Server Components**) y
 | **Gestión de proyectos grandes**                                 | ✅ Fomenta la modularidad, adecuado para sistemas de diseño                                                                                      | ✅ Modular con configuración                                                                                                          | ✅ Modular con configuración                                                                                                          |
 | **Prueba de traducciones faltantes (CLI/CI)**                    | ✅ CLI: `npx intlayer content test` (auditoría compatible con CI)                                                                                | ⚠️ No incorporado; la documentación sugiere `npx @lingual/i18n-check`                                                                 | ⚠️ No incorporado; depende de herramientas de i18next / runtime `saveMissing`                                                         |
 
----
-
 ## Introducción
 
 Next.js te ofrece soporte integrado para enrutamiento internacionalizado (por ejemplo, segmentos de localización). Pero esa función no realiza traducciones por sí sola. Aún necesitas una biblioteca para mostrar contenido localizado a tus usuarios.
 
 Existen muchas bibliotecas i18n, pero en el mundo de Next.js hoy en día, tres están ganando popularidad: next-i18next, next-intl e Intlayer.
 
----
-
 ## Arquitectura y escalabilidad
 
 - **next-intl / next-i18next**: Por defecto usan **catálogos centralizados** por idioma (más **espacios de nombres** en i18next). Funciona bien al principio, pero a menudo se convierte en una gran área compartida con un aumento del acoplamiento y la rotación de claves.
@@ -105,8 +95,6 @@ Existen muchas bibliotecas i18n, pero en el mundo de Next.js hoy en día, tres e
 
 **Por qué importa:** En grandes bases de código o configuraciones de sistemas de diseño, el **contenido modular** escala mejor que los catálogos monolíticos.
 
----
-
 ## Tamaños de los paquetes y dependencias
 
 Después de construir la aplicación, el bundle es el JavaScript que el navegador cargará para renderizar la página. Por lo tanto, el tamaño del bundle es importante para el rendimiento de la aplicación.
@@ -172,8 +160,6 @@ Aquí un ejemplo del impacto de la optimización del tamaño del paquete usando
 | ------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- |
 | ![paquete optimizado](https://github.com/aymericzip/intlayer/blob/main/docs/assets/bundle.png?raw=true) | ![paquete no optimizado](https://github.com/aymericzip/intlayer/blob/main/docs/assets/bundle_no_optimization.png?raw=true) |
 
----
-
 ## TypeScript y seguridad
 
 <Columns>
@@ -198,12 +184,11 @@ Aquí un ejemplo del impacto de la optimización del tamaño del paquete usando
 - **Genera tipos estrictos** a partir de tu contenido. La **autocompletación del IDE** y los **errores en tiempo de compilación** detectan errores tipográficos y claves faltantes antes del despliegue.
 
   </Column>
+
 </Columns>
 
 **Por qué es importante:** La tipificación fuerte desplaza los fallos hacia la **izquierda** (CI/compilación) en lugar de hacia la **derecha** (tiempo de ejecución).
 
----
-
 ## Manejo de traducciones faltantes
 
 **next-intl**
@@ -220,8 +205,6 @@ Aquí un ejemplo del impacto de la optimización del tamaño del paquete usando
 
 **Por qué es importante:** Detectar vacíos durante la compilación evita “cadenas misteriosas” en producción y se alinea con estrictas políticas de lanzamiento.
 
----
-
 ## Enrutamiento, middleware y estrategia de URL
 
 <Columns>
@@ -246,12 +229,11 @@ Aquí un ejemplo del impacto de la optimización del tamaño del paquete usando
 - Todo lo anterior, además de **middleware i18n** (detección de locale vía headers/cookies) y **helpers** para generar URLs localizadas y etiquetas `<link rel="alternate" hreflang="…">`.
 
   </Column>
+
 </Columns>
 
 **Por qué es importante:** Menos capas de integración personalizadas; **UX consistente** y **SEO limpio** en todas las locales.
 
----
-
 ## Alineación con Componentes de Servidor (RSC)
 
 <Columns>
@@ -276,12 +258,11 @@ Aquí un ejemplo del impacto de la optimización del tamaño del paquete usando
 - Compatible con Next.js 13+ y suaviza la **frontera servidor/cliente** con una API consistente y proveedores orientados a RSC, evitando el traslado de formateadores o funciones t.
 
   </Column>
+
 </Columns>
 
 **Por qué importa:** Modelo mental más limpio y menos casos límite en árboles híbridos.
 
----
-
 ## Integración con plataformas de localización (TMS)
 
 Las grandes organizaciones suelen depender de Sistemas de Gestión de Traducción (TMS) como **Crowdin**, **Phrase**, **Lokalise**, **Localizely** o **Localazy**.
@@ -892,8 +873,6 @@ const ClientComponentExample = () => {
   - **next-intl** es flexible; carga mensajes como configures.
   - **Intlayer** almacena contenido en diccionarios TS/JS y resuelve por clave.
 
----
-
 ### Uso en un componente de servidor
 
 Tomaremos el caso de un componente de interfaz de usuario (UI). Este componente es un componente del servidor y debe poder insertarse como hijo de un componente cliente. (página (componente servidor) -> componente cliente -> componente servidor). Como este componente puede insertarse como hijo de un componente cliente, no puede ser asíncrono.
@@ -991,7 +970,7 @@ Aquí tienes una lista de buenas prácticas relacionadas con el SEO multilingüe
 Los desarrolladores a menudo olvidan referenciar correctamente sus páginas entre los distintos locales.
 
 <Tabs defaultTab="next-intl" group='techno'>
- 
+
   <Tab label="next-i18next" value="next-i18next">
 
 ```ts fileName="i18n.config.ts"
@@ -1251,8 +1230,6 @@ export default robots;
 
 > Intlayer proporciona una función `getMultilingualUrls` para generar URLs multilingües para tu sitemap.
 
----
-
 ### Middleware para enrutamiento de idiomas
 
 <Tabs defaultTab="next-intl" group='techno'>
@@ -1370,9 +1347,8 @@ La configuración del middleware está centralizada en el archivo `intlayer.conf
 - **Herramientas integradas**: Aprovecha el soporte incorporado para enrutamiento, helpers de SEO y editor visual.
 
   </Tab>
-</Tabs>
 
----
+</Tabs>
 
 ## Y el ganador es…
 
@@ -1400,6 +1376,7 @@ No es sencillo. Cada opción tiene sus ventajas y desventajas. Así es como lo v
 - construido para Next.js moderno, con contenido modular, seguridad de tipos, herramientas y menos código repetitivo. Si valoras el **contenido con alcance de componente**, **TypeScript estricto**, **garantías en tiempo de compilación**, **tree-shaking**, y herramientas integradas para enrutamiento/SEO/editor - especialmente para **Next.js App Router**, sistemas de diseño y **bases de código grandes y modulares**.
 
   </Column>
+
 </Columns>
 
 Si prefieres una configuración mínima y aceptas algo de cableado manual, next-intl es una buena opción. Si necesitas todas las funciones y no te importa la complejidad, next-i18next funciona. Pero si quieres una solución moderna, escalable y modular con herramientas integradas, Intlayer busca ofrecerte eso listo para usar.
@@ -1414,8 +1391,6 @@ Las estrellas de GitHub son un indicador fuerte de la popularidad de un proyecto
 
 [![Gráfico de Historial de Estrellas](https://api.star-history.com/chart?repos=i18next/next-i18next%2Camannn/next-intl%2Caymericzip/intlayer&type=date&legend=top-left)](https://www.star-history.com/#i18next/next-i18next&amannn/next-intl&aymericzip/intlayer)
 
----
-
 ## Conclusión
 
 Las tres bibliotecas tienen éxito en la localización básica. La diferencia es **cuánto trabajo debes hacer** para lograr una configuración robusta y escalable en **Next.js moderno**: