@intlayer/docs 9.0.0-canary.2 → 9.0.0-canary.20

package/blog/es/intlayer_with_next-intl.md

@@ -29,6 +29,10 @@ author: aymericzip
 
 <iframe title="Cómo automatizar tus traducciones JSON de next-intl usando Intlayer" class="m-auto aspect-16/9 w-full overflow-hidden rounded-lg border-0" allow="autoplay; gyroscope;" loading="lazy" width="1080" height="auto" src="https://www.youtube.com/embed/MpGMxniDHNg?autoplay=0&amp;origin=https://intlayer.org&amp;controls=0&amp;rel=1"/>
 
+# Tabla de contenidos
+
+<TOC/>
+
 ## ¿Qué es Intlayer?
 
 **Intlayer** es una biblioteca innovadora y de código abierto para la internacionalización, diseñada para abordar las limitaciones de las soluciones tradicionales de i18n. Ofrece un enfoque moderno para la gestión de contenido en aplicaciones Next.js.
@@ -59,24 +63,44 @@ Esta guía te muestra cómo aprovechar el sistema superior de declaración de co
 
 Instala los paquetes necesarios:
 
+```bash packageManager="npm"
+npx intlayer@canary init --interactive    # v9
+# npx intlayer init                       # v8
+```
+
+```bash packageManager="pnpm"
+pnpm dlx intlayer@canary init --interactive   # v9
+# pnpm dlx intlayer init                      # v8
+```
+
+```bash packageManager="yarn"
+yarn dlx intlayer@canary init --interactive   # v9
+# yarn dlx intlayer init                      # v8
+```
+
+```bash packageManager="bun"
+bunx intlayer@canary init --interactive   # v9
+# bunx intlayer init                      # v8
+```
+
+> la bandera `--interactive` es opcional. Usa `intlayer-cli init` si eres un agente de IA.
+
+> Este comando detectará su entorno e instalará los paquetes necesarios. Por ejemplo:
+
 ```bash packageManager="npm"
 npm install intlayer @intlayer/sync-json-plugin --save-dev
-npx intlayer init
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer @intlayer/sync-json-plugin --save-dev
-pnpm intlayer init
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer @intlayer/sync-json-plugin --dev
-yarn intlayer init
 ```
 
 ```bash packageManager="bun"
 bun add intlayer @intlayer/sync-json-plugin --dev
-bun x intlayer init
 ```
 
 **Descripción de los paquetes:**

package/blog/es/intlayer_with_react-i18next.md

@@ -63,24 +63,44 @@ Esta guía te muestra cómo aprovechar el sistema superior de declaración de co
 
 Instala los paquetes necesarios:
 
+```bash packageManager="npm"
+npx intlayer@canary init --interactive    # v9
+# npx intlayer init                       # v8
+```
+
+```bash packageManager="pnpm"
+pnpm dlx intlayer@canary init --interactive   # v9
+# pnpm dlx intlayer init                      # v8
+```
+
+```bash packageManager="yarn"
+yarn dlx intlayer@canary init --interactive   # v9
+# yarn dlx intlayer init                      # v8
+```
+
+```bash packageManager="bun"
+bunx intlayer@canary init --interactive   # v9
+# bunx intlayer init                      # v8
+```
+
+> la bandera `--interactive` es opcional. Usa `intlayer-cli init` si eres un agente de IA.
+
+> Este comando detectará su entorno e instalará los paquetes necesarios. Por ejemplo:
+
 ```bash packageManager="npm"
 npm install intlayer @intlayer/sync-json-plugin --save-dev
-npx intlayer init
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer @intlayer/sync-json-plugin --save-dev
-pnpm intlayer init
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer @intlayer/sync-json-plugin --dev
-yarn intlayer init
 ```
 
 ```bash packageManager="bun"
 bun add intlayer @intlayer/sync-json-plugin --dev
-bun x intlayer init
 ```
 
 **Descripción de los paquetes:**

package/blog/es/intlayer_with_react-intl.md

@@ -61,24 +61,44 @@ Esta guía te muestra cómo aprovechar el sistema superior de declaración de co
 
 Instala los paquetes necesarios:
 
+```bash packageManager="npm"
+npx intlayer@canary init --interactive    # v9
+# npx intlayer init                       # v8
+```
+
+```bash packageManager="pnpm"
+pnpm dlx intlayer@canary init --interactive   # v9
+# pnpm dlx intlayer init                      # v8
+```
+
+```bash packageManager="yarn"
+yarn dlx intlayer@canary init --interactive   # v9
+# yarn dlx intlayer init                      # v8
+```
+
+```bash packageManager="bun"
+bunx intlayer@canary init --interactive   # v9
+# bunx intlayer init                      # v8
+```
+
+> la bandera `--interactive` es opcional. Usa `intlayer-cli init` si eres un agente de IA.
+
+> Este comando detectará su entorno e instalará los paquetes necesarios. Por ejemplo:
+
 ```bash packageManager="npm"
 npm install intlayer @intlayer/sync-json-plugin --save-dev
-npx intlayer init
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer @intlayer/sync-json-plugin --save-dev
-pnpm intlayer init
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer @intlayer/sync-json-plugin --dev
-yarn intlayer init
 ```
 
 ```bash packageManager="bun"
 bun add intlayer @intlayer/sync-json-plugin --dev
-bun x intlayer init
 ```
 
 **Descripción de los paquetes:**

package/blog/es/intlayer_with_vue-i18n.md

@@ -63,24 +63,44 @@ Esta guía te muestra cómo aprovechar el sistema superior de declaración de co
 
 Instala los paquetes necesarios usando tu gestor de paquetes preferido:
 
+```bash packageManager="npm"
+npx intlayer@canary init --interactive    # v9
+# npx intlayer init                       # v8
+```
+
+```bash packageManager="pnpm"
+pnpm dlx intlayer@canary init --interactive   # v9
+# pnpm dlx intlayer init                      # v8
+```
+
+```bash packageManager="yarn"
+yarn dlx intlayer@canary init --interactive   # v9
+# yarn dlx intlayer init                      # v8
+```
+
+```bash packageManager="bun"
+bunx intlayer@canary init --interactive   # v9
+# bunx intlayer init                      # v8
+```
+
+> la bandera `--interactive` es opcional. Usa `intlayer-cli init` si eres un agente de IA.
+
+> Este comando detectará su entorno e instalará los paquetes necesarios. Por ejemplo:
+
 ```bash packageManager="npm"
 npm install intlayer @intlayer/sync-json-plugin --save-dev
-npx intlayer init
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer @intlayer/sync-json-plugin --save-dev
-pnpm intlayer init
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer @intlayer/sync-json-plugin --dev
-yarn intlayer init
 ```
 
 ```bash packageManager="bun"
 bun add intlayer @intlayer/sync-json-plugin --dev
-bun x intlayer init
 ```
 
 **Explicación de los paquetes:**

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

@@ -282,34 +282,6 @@ Aquí un ejemplo del impacto de la optimización del tamaño del paquete usando
 
 ---
 
-## DX, herramientas y mantenimiento
-
-<Columns>
-  <Column>
-
-**next-intl**
-
-- Comúnmente se usa junto con plataformas externas de localización y flujos editoriales.
-
-  </Column>
-  <Column>
-
-**next-i18next**
-
-- Comúnmente se usa junto con plataformas externas de localización y flujos editoriales.
-
-  </Column>
-  <Column>
-
-**intlayer**
-
-- Incluye un **Editor Visual gratuito** y un **CMS opcional** (compatible con Git o externalizado), además de una **extensión para VSCode** y **traducciones asistidas por IA** utilizando tus propias claves de proveedor.
-
-  </Column>
-</Columns>
-
-**Por qué es importante:** Reduce los costos operativos y acorta el ciclo entre desarrolladores y autores de contenido.
-
 ## 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**.
@@ -1281,6 +1253,127 @@ export default robots;
 
 ---
 
+### Middleware para enrutamiento de idiomas
+
+<Tabs defaultTab="next-intl" group='techno'>
+  <Tab label="next-i18next" value="next-i18next">
+
+Añade un middleware para manejar la detección de idiomas y el enrutamiento:
+
+```ts fileName="src/middleware.ts"
+import { NextResponse, type NextRequest } from "next/server";
+import { defaultLocale, locales } from "@/i18n.config";
+
+const PUBLIC_FILE = /\.[^/]+$/; // excluir archivos con extensiones
+
+export function middleware(request: NextRequest) {
+  const { pathname } = request.nextUrl;
+
+  if (
+    pathname.startsWith("/_next") ||
+    pathname.startsWith("/api") ||
+    pathname.startsWith("/static") ||
+    PUBLIC_FILE.test(pathname)
+  ) {
+    return;
+  }
+
+  const hasLocale = locales.some(
+    (l) => pathname === "/" + l || pathname.startsWith("/" + l + "/")
+  );
+  if (!hasLocale) {
+    const locale = defaultLocale;
+    const url = request.nextUrl.clone();
+    url.pathname = "/" + locale + (pathname === "/" ? "" : pathname);
+    return NextResponse.redirect(url);
+  }
+}
+
+export const config = {
+  matcher: [
+    // Coincide con todas las rutas excepto las que comienzan con estas y archivos con extensión
+    "/((?!api|_next|static|.*\\..*).*)",
+  ],
+};
+```
+
+  </Tab>
+  <Tab label="next-intl" value="next-intl">
+
+Añade un middleware para manejar la detección de idiomas y el enrutamiento:
+
+```ts fileName="src/middleware.ts"
+import createMiddleware from "next-intl/middleware";
+import { locales, defaultLocale } from "@/i18n";
+
+export default createMiddleware({
+  locales: [...locales],
+  defaultLocale,
+  localeDetection: true,
+});
+
+export const config = {
+  // Omitir API, elementos internos de Next y activos estáticos
+  matcher: ["/((?!api|_next|.*\\..*).*)"],
+};
+```
+
+  </Tab>
+  <Tab label="intlayer" value="intlayer">
+
+Intlayer proporciona manejo de middleware incorporado a través de la configuración del paquete `next-intlayer`.
+
+```ts fileName="src/middleware.ts"
+import { intlayerProxy } from "next-intlayer/proxy";
+
+export const middleware = intlayerProxy();
+
+// aplica este middleware solo a archivos en el directorio app
+export const config = {
+  matcher: "/((?!api|_next|static|.*\\..*).*)",
+};
+```
+
+La configuración del middleware está centralizada en el archivo `intlayer.config.ts`.
+
+  </Tab>
+</Tabs>
+
+### Lista de verificación de configuración y buenas prácticas
+
+<Tabs defaultTab="next-intl" group='techno'>
+  <Tab label="next-i18next" value="next-i18next">
+
+- Asegúrate de que `lang` y `dir` estén configurados en el `<html>` raíz en `src/app/[locale]/layout.tsx`.
+- Divide las traducciones en namespaces (por ejemplo `common.json`, `about.json`) bajo `src/locales/<locale>/`.
+- Carga solo los namespaces necesarios en componentes cliente usando `useTranslation('<ns>')` y delimitando `I18nProvider` con los mismos namespaces.
+- Mantén las páginas estáticas cuando sea posible: exporta `export const dynamic = 'force-static'` en páginas; establece `dynamicParams = false` e implementa `generateStaticParams`.
+- Utiliza componentes server síncronos anidados bajo límites cliente pasando strings ya computados o la función `t` y `locale`.
+- Para SEO, establece `alternates.languages` en metadata, lista URLs localizadas en `sitemap.ts` y deshabilita rutas localizadas duplicadas en `robots.ts`.
+- Prefiere formateadores conscientes de locale (por ejemplo, `Intl.NumberFormat(locale)`) y memorízalos en el cliente si usas React < 19.
+
+  </Tab>
+  <Tab label="next-intl" value="next-intl">
+
+- **Configura `lang` y `dir` en html**: En `src/app/[locale]/layout.tsx`, calcula `dir` vía `getLocaleDirection(locale)` y establece `<html lang={locale} dir={dir}>`.
+- **Divide mensajes por namespace**: Organiza JSON por locale y namespace (por ejemplo, `common.json`, `about.json`).
+- **Minimiza la carga del cliente**: En páginas, envía solo los namespaces necesarios a `NextIntlClientProvider` (por ejemplo, `pick(messages, ['common', 'about'])`).
+- **Prefiere páginas estáticas**: Exporta `export const dynamic = 'force-static'` y genera parámetros estáticos para todos los `locales`.
+- **Componentes server síncronos**: Mantén los componentes server síncronos pasando strings precomputados (etiquetas traducidas, números formateados) en lugar de llamadas asincrónicas o funciones no serializables.
+
+  </Tab>
+  <Tab label="intlayer" value="intlayer">
+
+- **Contenido modular**: Co-localiza diccionarios de contenido con componentes usando archivos `.content.{ts|js|json}`.
+- **Seguridad de tipos**: Aprovecha la integración de TypeScript para validación de contenido en tiempo de compilación.
+- **Optimización en tiempo de compilación**: Utiliza las herramientas de compilación de Intlayer para tree-shaking automático y optimización de bundling.
+- **Herramientas integradas**: Aprovecha el soporte incorporado para enrutamiento, helpers de SEO y editor visual.
+
+  </Tab>
+</Tabs>
+
+---
+
 ## Y el ganador es…
 
 No es sencillo. Cada opción tiene sus ventajas y desventajas. Así es como lo veo:

package/blog/es/nextjs-multilingual-seo-comparison.md

@@ -346,6 +346,12 @@ export default robots;
 
 ---
 
+## 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 bien la i18n en Next.js no se trata solo de traducir texto, sino de asegurarse de que los motores de búsqueda y los usuarios sepan exactamente qué versión de tu contenido mostrar.

package/blog/es/rag_powered_documentation_assistant.md

@@ -341,3 +341,16 @@ Y si también estás experimentando con RAG, me encantaría saber cómo lo está
 </Step>
 
 </Steps>
+## Conclusión
+
+RAG es una de las formas más simples y poderosas de hacer que los LLMs sean prácticos. Al combinar **retrieval + generation**, puedes convertir documentos estáticos en un **asistente inteligente** y, al mismo tiempo, obtener un flujo continuo de información del producto.
+
+Para mí, este proyecto demostró que RAG no es solo un truco técnico. Es una forma de transformar la documentación en:
+
+- un sistema de soporte interactivo
+- un canal de retroalimentación
+- una herramienta de estrategia de producto
+
+👉 [Prueba la demo aquí](https://intlayer.org/doc/why) 👉 [Consulta la plantilla de código en GitHub](https://github.com/aymericzip/smart_doc_RAG)
+
+Y si también estás experimentando con RAG, me encantaría saber cómo lo estás utilizando.

package/blog/es/react-i18next_vs_react-intl_vs_intlayer.md

@@ -137,6 +137,14 @@ Evaluamos:
 
 ---
 
+## Interoperabilidad con `react-intl` y `react-i18next`
+
+`intlayer` también puede ayudarte a gestionar tus namespaces de `react-intl` y `react-i18next`.
+
+Usando `intlayer`, puedes declarar tu contenido en el formato de tu librería i18n favorita, e intlayer generará tus namespaces en la ubicación que elijas (ejemplo: `/messages/{{locale}}/{{namespace}}.json`).
+
+---
+
 ## Notas prácticas para la migración (react-intl / react-i18next → Intlayer)
 
 - **Migra de forma incremental**: Comienza con una funcionalidad o ruta; mantén los catálogos heredados en paralelo durante la transición.

package/blog/es/vue-i18n_vs_intlayer.md

@@ -249,6 +249,14 @@ Este enfoque:
 
 ---
 
+## Interoperabilidad con vue-i18n
+
+`intlayer` también puede ayudarte a gestionar tus namespaces de `vue-i18n`.
+
+Usando `intlayer`, puedes declarar tu contenido en el formato de tu librería i18n favorita, e intlayer generará tus namespaces en la ubicación de tu elección (ejemplo: `/messages/{{locale}}/{{namespace}}.json`).
+
+---
+
 ## Notas prácticas para la migración (vue-i18n → Intlayer)
 
 - **Comience por función**: Mueva una ruta/vista/componente a la vez a los diccionarios locales de Intlayer.

package/blog/fr/i18n_meaning.md

@@ -22,3 +22,98 @@ author: aymericzip
 ![i18n illustration](https://github.com/aymericzip/intlayer/blob/main/docs/assets/i18n.webp)
 
 ## Comprendre la signification de "i18n"
+
+## La Signification Fondamentale de l'i18n en Pratique
+
+Comprendre la signification de l'i18n va au-delà de simplement connaître ce que l'acronyme signifie. Il s'agit de reconnaître les principes architecturaux qui le sous-tendent. Quand un projet est correctement « internationalisé », cela signifie que les développeurs ont découplé le contenu du code.
+
+Au lieu de coder en dur le texte dans l'application comme ceci :
+
+```javascript
+<button>Submit</button>
+```
+
+Une application prête pour l'i18n utilise des clés de traduction ou des variables :
+
+```javascript
+<button>{t("submit_button")}</button>
+```
+
+Cela garantit que l'application peut charger dynamiquement le dictionnaire de langue correct (par exemple, anglais, espagnol, japonais) en fonction des préférences de l'utilisateur, sans réécrire le composant.
+
+## Pourquoi la signification de l'i18n est cruciale pour votre entreprise
+
+Comprendre la **signification de l'i18n** n'est que la première étape. Comprendre _pourquoi_ c'est si critique pour les produits numériques modernes est ce qui distingue les applications mondiales réussies des applications locales.
+
+### Surmonter les barrières linguistiques
+
+L'application la plus évidente du sens de l'i18n est la traduction. En internationalisant votre application dès le départ, vous construisez une base qui vous permet de traduire votre interface dans des dizaines de langues sans effort. C'est essentiel pour déverrouiller de nouveaux marchés mondiaux.
+
+### Adaptation culturelle et régionale
+
+La signification de l'i18n va au-delà de la langue. La véritable internationalisation supporte :
+
+- **Formats de date et heure :** Affichage de `MM/DD/YYYY` pour les utilisateurs américains par rapport à `DD/MM/YYYY` pour les utilisateurs européens.
+- **Formatage des nombres :** Reconnaissance que `1,000.50` aux États-Unis est souvent écrit comme `1.000,50` dans certaines parties de l'Europe.
+- **Devises :** Adaptation de `$99.00` par rapport à `99,00 €`.
+- **Directionnalité du texte :** Support des langues de droite à gauche (RTL) comme l'arabe et l'hébreu.
+
+### Performances SEO améliorées
+
+Les moteurs de recherche donnent la priorité au contenu pertinent pour la langue et la région de l'utilisateur. L'application des principes derrière la signification i18n vous permet de structurer votre site web (par exemple, en utilisant des balises `hreflang`, des URLs localisées) pour vous classer plus haut dans plusieurs pays, générant du trafic organique mondial.
+
+## Internationalization (i18n) vs. Localization (l10n)
+
+Pour bien comprendre la **signification de i18n**, vous devez la différencier de **l10n** (localization).
+
+- **i18n (Internationalization) :** La _préparation technique_ et le cadre de conception structurelle qui rend l'adaptation possible. Exemples : supporter l'encodage UTF-8, abstraire les chaînes de texte et rendre les mises en page UI flexibles pour les mots plus longs.
+- **l10n (Localization) :** L'_adaptation réelle_ du produit pour une locale spécifique. Exemples : traduire le texte anglais en français, ajuster les images pour respecter les normes culturelles et définir la devise locale.
+
+Pensez à **i18n** comme construire une voiture où le volant peut être déplacé soit à gauche soit à droite. **l10n** est l'acte de déplacer effectivement le volant vers la droite pour vendre la voiture au Royaume-Uni.
+
+## Idées reçues courantes sur la signification de l'i18n
+
+1. **« L'i18n signifie simplement traduction. »**
+   Bien que la traduction soit une grande partie du résultat final, la véritable signification de l'i18n englobe le formatage, les règles de pluralisation, la direction du texte et la préparation architecturale.
+2. **« Nous pouvons ajouter l'i18n plus tard. »**
+   Adapter une application à l'internationalisation rétrospectivement est notorieusement difficile. Les chaînes codées en dur, les composants UI rigides et les formats de date incompatibles peuvent entraîner une dette technique massive. Planifier l'i18n dès le départ est une meilleure pratique fondamentale.
+
+## Comment implémenter i18n efficacement
+
+![i18n pain illustration](https://github.com/aymericzip/intlayer/blob/main/docs/assets/pain_i18n.webp)
+
+Maintenant que nous avons établi la véritable **signification de i18n**, comment l'appliquer ?
+
+- **Utilisez un framework i18n établi :** Ne réinventez pas la roue. Que vous utilisiez React, Vue, Next.js ou du JavaScript pur, il existe des bibliothèques i18n spécifiques conçues pour gérer les tâches lourdes (comme la pluralisation et l'interpolation).
+- **Abstraire tout texte destiné à l'utilisateur :** Assurez-vous qu'aucun texte codé en dur n'existe dans vos composants UI.
+- **Employez un système robuste de gestion des traductions :** Des outils comme **Intlayer** comblent le fossé entre les développeurs et les traducteurs. Intlayer agit comme un CMS headless étroitement intégré à votre codebase, permettant aux gestionnaires de contenu de mettre à jour les traductions visuellement sans qu'un développeur ait besoin de déclencher une nouvelle compilation.
+
+---
+
+### Voir la liste des bibliothèques et outils i18n par technologie
+
+Si vous recherchez une liste des bibliothèques et outils i18n par technologie, consultez les ressources suivantes :
+
+### Pour les systèmes de gestion de contenu (CMS)
+
+- WordPress : [Voir la liste des bibliothèques et outils i18n](https://github.com/aymericzip/intlayer/blob/main/docs/blog/fr/list_i18n_technologies/CMS/wordpress.md)
+- Wix : [Voir la liste des bibliothèques et outils i18n](https://github.com/aymericzip/intlayer/blob/main/docs/blog/fr/list_i18n_technologies/CMS/wix.md)
+- Drupal : [Voir la liste des bibliothèques et outils i18n](https://github.com/aymericzip/intlayer/blob/main/docs/blog/fr/list_i18n_technologies/CMS/drupal.md)
+
+### Pour les applications JavaScript (Frontend)
+
+- React: [Voir la liste des bibliothèques et outils i18n](https://github.com/aymericzip/intlayer/blob/main/docs/blog/fr/list_i18n_technologies/frameworks/react.md)
+- Angular: [Voir la liste des bibliothèques et outils i18n](https://github.com/aymericzip/intlayer/blob/main/docs/blog/fr/list_i18n_technologies/frameworks/angular.md)
+- Vue: [Voir la liste des bibliothèques et outils i18n](https://github.com/aymericzip/intlayer/blob/main/docs/blog/fr/list_i18n_technologies/frameworks/vue.md)
+- Svelte: [Voir la liste des bibliothèques et outils i18n](https://github.com/aymericzip/intlayer/blob/main/docs/blog/fr/list_i18n_technologies/frameworks/svelte.md)
+- React Native : [Voir la liste des bibliothèques et outils i18n](https://github.com/aymericzip/intlayer/blob/main/docs/blog/fr/list_i18n_technologies/frameworks/react-native.md)
+
+---
+
+## Conclusion
+
+La **signification de l'i18n** est un concept fondamental pour toute entreprise numérique moderne visant un impact mondial. Bien au-delà d'être simplement une abréviation technologique amusante pour « internationalization », l'i18n représente l'architecture technique requise pour adapter en toute transparence votre logiciel à diverses langues, cultures et normes régionales.
+
+En comprenant la signification de l'i18n et en adoptant ses principes dès le début de votre cycle de développement, vous économisez un temps d'ingénierie considérable, évitez la dette technique future et assurez que votre application offre une expérience native et accueillante aux utilisateurs du monde entier.
+
+Que vous construisiez une application mobile, une plateforme SaaS ou un outil d'entreprise, en embrassant la véritable signification de l'i18n, vous assurez que votre produit puisse s'adapter et plaire aux utilisateurs du monde entier, sans besoin de refonte constante du code. En tirant parti des meilleures pratiques, des frameworks robustes et de la déclaration de contenu localisé avec des plateformes comme Intlayer, les équipes produit peuvent fournir des expériences logicielles véritablement mondiales.

package/blog/fr/internationalization_and_SEO.md

@@ -267,6 +267,12 @@ const LocaleSwitcher: FC = () => {
 
 ---
 
+## Auditez votre site Web avec l'Intlayer SEO Scanner
+
+Pour garantir que votre application multilingue est parfaitement optimisée, nous vous recommandons d'utiliser l'[Intlayer SEO Scanner](https://intlayer.org/i18n-seo-scanner). C'est un outil spécialisé dans la vérification de sites Web multilingues, qui vous aide à identifier les balises hreflang manquantes, les liens brisés et d'autres problèmes de référencement (SEO) sur toutes vos pages localisées.
+
+---
+
 ## Conclusion
 
 Rendre votre site web multilingue implique bien plus que de simplement traduire le texte. Il s'agit de structurer efficacement les URLs, d'utiliser des balises `hreflang` pour aider les moteurs de recherche à servir la bonne version, et de fournir une expérience utilisateur exceptionnelle, comportant des visuels localisés, des sélecteurs de langue, et une navigation cohérente. Suivre ces meilleures pratiques vous préparera au succès sur les marchés mondiaux, améliorera la satisfaction des utilisateurs et, finalement, livrera de meilleurs résultats SEO à travers les régions.

package/blog/fr/intlayer_with_i18next.md

@@ -73,24 +73,44 @@ Ce guide vous montre comment tirer parti du système supérieur de déclaration
 
 Installez les packages nécessaires :
 
+```bash packageManager="npm"
+npx intlayer@canary init --interactive    # v9
+# npx intlayer init                       # v8
+```
+
+```bash packageManager="pnpm"
+pnpm dlx intlayer@canary init --interactive   # v9
+# pnpm dlx intlayer init                      # v8
+```
+
+```bash packageManager="yarn"
+yarn dlx intlayer@canary init --interactive   # v9
+# yarn dlx intlayer init                      # v8
+```
+
+```bash packageManager="bun"
+bunx intlayer@canary init --interactive   # v9
+# bunx intlayer init                      # v8
+```
+
+> l'indicateur `--interactive` est facultatif. Utilisez `intlayer-cli init` si vous êtes un agent IA.
+
+> Cette commande détectera votre environnement et installera les packages requis. Par exemple :
+
 ```bash packageManager="npm"
 npm install intlayer @intlayer/sync-json-plugin --save-dev
-npx intlayer init
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer @intlayer/sync-json-plugin --save-dev
-pnpm intlayer init
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer @intlayer/sync-json-plugin --dev
-yarn intlayer init
 ```
 
 ```bash packageManager="bun"
 bun add intlayer @intlayer/sync-json-plugin --dev
-bun x intlayer init
 ```
 
 **Descriptions des packages :**

package/blog/fr/intlayer_with_next-i18next.md

@@ -34,17 +34,6 @@ author: aymericzip
 
 <TOC/>
 
-## Qu'est-ce que next-i18next ?
-
-**next-i18next** est l'un des frameworks d'internationalisation (i18n) les plus populaires pour les applications Next.js. Construit sur l'écosystème puissant de **i18next**, il offre une solution complète pour gérer les traductions, la localisation et le changement de langue dans les projets Next.js.
-
-Cependant, next-i18next présente certains défis :
-
-- **Configuration complexe** : La mise en place de next-i18next nécessite plusieurs fichiers de configuration et une configuration minutieuse des instances i18n côté serveur et côté client.
-- **Traductions dispersées** : Les fichiers de traduction sont généralement stockés dans des répertoires séparés des composants, ce qui complique le maintien de la cohérence.
-- **Gestion manuelle des namespaces** : Les développeurs doivent gérer manuellement les namespaces et s'assurer du chargement correct des ressources de traduction.
-- **Sécurité de type limitée** : Le support de TypeScript nécessite une configuration supplémentaire et ne fournit pas de génération automatique de types pour les traductions.
-
 ## Qu'est-ce qu'Intlayer ?
 
 **Intlayer** est une bibliothèque d'internationalisation innovante et open-source conçue pour pallier les lacunes des solutions i18n traditionnelles. Elle propose une approche moderne de la gestion de contenu dans les applications Next.js.
@@ -73,24 +62,44 @@ Ce guide vous montre comment tirer parti du système supérieur de déclaration
 
 Installez les paquets nécessaires en utilisant votre gestionnaire de paquets préféré :
 
+```bash packageManager="npm"
+npx intlayer@canary init --interactive    # v9
+# npx intlayer init                       # v8
+```
+
+```bash packageManager="pnpm"
+pnpm dlx intlayer@canary init --interactive   # v9
+# pnpm dlx intlayer init                      # v8
+```
+
+```bash packageManager="yarn"
+yarn dlx intlayer@canary init --interactive   # v9
+# yarn dlx intlayer init                      # v8
+```
+
+```bash packageManager="bun"
+bunx intlayer@canary init --interactive   # v9
+# bunx intlayer init                      # v8
+```
+
+> l'indicateur `--interactive` est facultatif. Utilisez `intlayer-cli init` si vous êtes un agent IA.
+
+> Cette commande détectera votre environnement et installera les packages requis. Par exemple :
+
 ```bash packageManager="npm"
 npm install intlayer @intlayer/sync-json-plugin --save-dev
-npx intlayer init
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer @intlayer/sync-json-plugin --save-dev
-pnpm intlayer init
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer @intlayer/sync-json-plugin --dev
-yarn intlayer init
 ```
 
 ```bash packageManager="bun"
 bun add intlayer @intlayer/sync-json-plugin --dev
-bun x intlayer init
 ```
 
 **Explications des paquets :**