@intlayer/docs 8.11.2 → 8.11.3

package/docs/fr/interest_of_intlayer.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-14
-updatedAt: 2025-09-27
+updatedAt: 2026-05-31
 title: Intérêt d'Intlayer
 description: Découvrez les bénéfices et avantages d'utiliser Intlayer dans vos projets. Comprenez pourquoi Intlayer se démarque parmi les autres frameworks.
 keywords:
@@ -13,6 +13,9 @@ slugs:
   - doc
   - why
 history:
+  - version: 8.11.2
+    date: 2026-05-31
+    changes: "Ajouter la section Pourquoi Intlayer plutôt que les alternatives"
   - version: 7.3.1
     date: 2025-11-27
     changes: "Sortie du Compilateur"
@@ -28,20 +31,67 @@ history:
 
 ## Qu'est-ce qu'Intlayer ?
 
-**Intlayer** est une bibliothèque d'internationalisation conçue spécifiquement pour les développeurs JavaScript. Elle permet la déclaration de votre contenu partout dans votre code. Elle convertit les déclarations de contenu multilingue en dictionnaires structurés pour une intégration facile dans votre code. En utilisant TypeScript, **Intlayer** rend votre développement plus robuste et plus efficace.
+**Intlayer** est une bibliothèque d'internationalisation conçue spécifiquement pour les développeurs JavaScript. Elle permet la déclaration de votre contenu partout dans votre code. Elle convertit les déclarations de contenu multilingue en dictionnaires structurés pour s'intégrer facilement dans votre code. En utilisant TypeScript, **Intlayer** rend votre développement plus robuste et plus efficace.
+
+## Pourquoi Intlayer plutôt que des alternatives ?
+
+Par rapport aux solutions principales telles que `next-intl` ou `i18next`, Intlayer est une solution dotée d'optimisations intégrées telles que :
+
+<AccordionGroup>
+<Accordion header="Taille du bundle">
+
+Au lieu de charger de lourds fichiers JSON dans vos pages, ne chargez que le contenu strictement nécessaire. Intlayer vous aide à **réduire la taille de votre bundle et de vos pages jusqu'à 50 %**.
+
+</Accordion>
+<Accordion header="Maintenabilité">
+
+Déclarer le contenu directement au plus près de vos composants **facilite la maintenance** des applications de grande envergure. Vous pouvez dupliquer ou supprimer le dossier d'une fonctionnalité sans le fardeau mental de devoir passer en revue toute votre base de code de contenu. De plus, Intlayer est **entièrement typé** pour garantir l'exactitude de vos traductions.
+
+</Accordion>
+<Accordion header="Prêt pour les agents IA">
+
+La colocalisation du contenu **réduit le contexte nécessaire** aux grands modèles de langage (LLM). Intlayer est également livré avec une suite d'outils, tels qu'une **CLI** pour vérifier les traductions manquantes, un **[LSP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/lsp.md)**, un **[MCP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/mcp_server.md)** et des **[agent skills](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/agent_skills.md)**, afin de rendre l'expérience développeur (DX) encore plus fluide pour les agents IA.
+
+</Accordion>
+<Accordion header="Fonctionnalité">
+
+Intlayer offre un ensemble de fonctionnalités supplémentaires que les autres solutions i18n n'ont pas, telles que le [support de Markdown](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/dictionary/markdown.md), la [récupération de contenu externe](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/dictionary/function_fetching.md), le [chargement de contenu de fichiers](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/dictionary/file.md), la [mise à jour en direct du contenu](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/cli/live.md), l'[éditeur visuel](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/intlayer_visual_editor.md) et plus encore.
+
+</Accordion>
+<Accordion header="Automatisation">
+
+Automatisez les traductions dans votre pipeline CI/CD en utilisant le LLM de votre choix au coût de votre propre fournisseur d'IA. Intlayer propose également un **compilateur** pour automatiser l'extraction de contenu, ainsi qu'une [plateforme web](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/intlayer_CMS.md) pour vous aider à **traduire en arrière-plan**.
+
+</Accordion>
+<Accordion header="Performances">
+
+Associer de gros fichiers JSON à vos composants peut ralentir les performances et impacter la réactivité. Intlayer optimise le chargement du contenu directement au moment du **build**.
+
+</Accordion>
+<Accordion header="Collaboration avec les non-développeurs">
+
+Bien plus qu'une simple solution i18n, Intlayer propose un **[éditeur visuel](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/intlayer_visual_editor.md)** auto-hébergé et un **[CMS complet](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/intlayer_CMS.md)** pour gérer votre contenu multilingue en **temps réel**. Cela rend la collaboration avec les traducteurs, concepteurs-rédacteurs et autres membres de l'équipe extrêmement simple. Le contenu peut être stocké localement et/ou à distance.
+
+</Accordion>
+<Accordion header="Conception multi-cadre">
+
+Si vous utilisez différents frameworks pour différentes parties de votre application (par exemple, React, React-native, Vue, Angular, Svelte, etc.), Intlayer fournit un moyen d'**utiliser une syntaxe et une implémentation communes dans tous les principaux frameworks frontaux**. Vous pourrez également partager votre déclaration de contenu sur votre système de conception, vos applications, votre backend, etc.
+
+</Accordion>
+</AccordionGroup>
 
 ## Pourquoi Intlayer a-t-il été créé ?
 
-Intlayer a été créé pour résoudre un problème courant qui affecte toutes les bibliothèques i18n classiques telles que `next-intl`, `react-i18next`, `react-intl`, `next-i18next`, `react-intl` et `vue-i18n`.
+Intlayer a été créé pour résoudre un problème courant qui affecte toutes les bibliothèques i18n habituelles telles que `next-intl`, `react-i18next`, `react-intl`, `next-i18next`, `react-intl` et `vue-i18n`.
 
-Toutes ces solutions adoptent une approche centralisée pour lister et gérer votre contenu. Par exemple :
+Toutes ces solutions adoptent une approche centralisée pour répertorier et gérer votre contenu. Par exemple :
 
 ```bash
 .
 ├── locales
 │   ├── en.json
-│   ├── fr.json
-│   └── es.json
+│   ├── es.json
+│   └── fr.json
 ├── i18n.ts
 └── src
     └── components
@@ -49,7 +99,7 @@ Toutes ces solutions adoptent une approche centralisée pour lister et gérer vo
             └── index.tsx
 ```
 
-Ou ici en utilisant des namespaces :
+Ou ici en utilisant des espaces de noms (namespaces) :
 
 ```bash
 .
@@ -72,21 +122,21 @@ Ou ici en utilisant des namespaces :
 
 Ce type d'architecture ralentit le processus de développement et rend la base de code plus complexe à maintenir pour plusieurs raisons :
 
-1.  **Pour chaque nouveau composant créé, vous devez :**
-    - Créer la nouvelle ressource/namespace dans le dossier `locales`
-    - Penser à importer le nouveau namespace dans votre page
-    - Traduire votre contenu (souvent fait manuellement par copier/coller depuis des fournisseurs d'IA)
+1. **Pour chaque nouveau composant créé, vous devez :**
+   - Créer la nouvelle ressource/espace de noms dans le dossier `locales`
+   - Vous rappeler d'importer le nouvel espace de noms dans votre page
+   - Traduire votre contenu (souvent fait manuellement par copier-coller depuis des outils d'IA)
 
-2.  **Pour chaque modification apportée à vos composants, vous devez :**
-    - Rechercher la ressource/namespace concernée (loin du composant)
-    - Traduire votre contenu
-    - S'assurer que votre contenu est à jour pour chaque locale
-    - Vérifier que votre namespace ne contient pas de clés/valeurs inutilisées
-    - S'assurer que la structure de vos fichiers JSON est la même pour toutes les locales
+2. **Pour chaque changement apporté à vos composants, vous devez :**
+   - Rechercher la ressource/espace de noms associé (loin du composant)
+   - Traduire votre contenu
+   - Vous assurer que votre contenu est à jour pour chaque langue
+   - Vérifier que votre espace de noms ne contient pas de clés/valeurs inutilisées
+   - Vous assurer que la structure de vos fichiers JSON est identique pour toutes les langues
 
 Sur les projets professionnels utilisant ces solutions, des plateformes de localisation sont souvent utilisées pour aider à gérer la traduction de votre contenu. Cependant, cela peut rapidement devenir coûteux pour les grands projets.
 
-Pour résoudre ce problème, Intlayer adopte une approche qui scope votre contenu par composant et garde votre contenu proche de votre composant, comme nous le faisons souvent avec le CSS (`styled-components`), les types, la documentation (`storybook`), ou les tests unitaires (`jest`).
+Pour résoudre ce problème, Intlayer adopte une approche qui délimite votre contenu par composant et le garde à proximité du composant, comme on le fait souvent avec le CSS (`styled-components`), les types, la documentation (`storybook`) ou les tests unitaires (`jest`).
 
 ```bash codeFormat="typescript"
 .
@@ -149,75 +199,74 @@ Cette approche vous permet de :
 
 1. **Augmenter la vitesse de développement**
    - Les fichiers `.content.{{ts|mjs|cjs|json}}` peuvent être créés à l'aide d'une extension VSCode
-   - Les outils d'autocomplétion IA dans votre IDE (comme GitHub Copilot) peuvent vous aider à déclarer votre contenu, réduisant ainsi le copier/coller
+   - Les outils d'autocomplétion IA de votre IDE (tels que GitHub Copilot) peuvent vous aider à déclarer votre contenu, réduisant le copier-coller
 
 2. **Nettoyer votre base de code**
    - Réduire la complexité
    - Augmenter la maintenabilité
 
-3. **Dupliquer plus facilement vos composants et leur contenu associé (Exemple : composants de connexion/inscription, etc.)**
+3. **Dupliquer vos composants et leur contenu associé plus facilement (Exemple : composants de connexion/inscription, etc.)**
    - En limitant le risque d'impacter le contenu d'autres composants
-   - En copiant/collant votre contenu d'une application à une autre sans dépendances externes
+   - En copiant-collant votre contenu d'une application à une autre sans dépendances externes
 
 4. **Éviter de polluer votre base de code avec des clés/valeurs inutilisées pour des composants non utilisés**
-   - Si vous ne utilisez pas un composant, Intlayer ne l'importera pas
-   - Si vous supprimez un composant, vous vous souviendrez plus facilement de supprimer son contenu associé puisqu'il sera présent dans le même dossier
+   - Si vous n'utilisez pas un composant, Intlayer n'importera pas son contenu associé
+   - Si vous supprimez un composant, vous vous souviendrez plus facilement de supprimer son contenu associé car il sera présent dans le même dossier
 
-5. **Réduire le coût de raisonnement pour les agents IA afin de déclarer votre contenu multilingue**
-   - L'agent IA n'aura pas à scanner l'ensemble de votre base de code pour savoir où implémenter votre contenu
-   - Les traductions peuvent facilement être réalisées par des outils d'autocomplétion IA dans votre IDE (comme GitHub Copilot)
+5. **Réduire le coût de raisonnement pour les agents IA pour déclarer votre contenu multilingue**
+   - L'agent IA n'aura pas à parcourir toute votre base de code pour savoir où implémenter votre contenu
+   - Les traductions peuvent facilement être effectuées par des outils d'autocomplétion IA dans votre IDE (tels que GitHub Copilot)
 
 6. **Optimiser les performances de chargement**
-   - Si un composant est chargé paresseusement, son contenu associé sera chargé en même temps
+   - Si un composant est chargé à la demande (lazy-loaded), son contenu associé sera chargé en même temps
 
 ## Fonctionnalités supplémentaires d'Intlayer
 
-| Fonctionnalité                                                                                                                  | Description                                                                                                                                                                                                                                                                                                                                                                                                                              |
-| ------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| ![Fonctionnalité](https://github.com/aymericzip/intlayer/blob/main/docs/assets/frameworks.png?raw=true)                         | **Support Multi-Frameworks**<br><br>Intlayer est compatible avec tous les principaux frameworks et bibliothèques, y compris Next.js, React, Vite, Vue.js, Nuxt, Preact, Express, et bien d'autres.                                                                                                                                                                                                                                       |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/javascript_content_management.jpg?raw=true)             | **Gestion de contenu propulsée par JavaScript**<br><br>Exploitez la flexibilité de JavaScript pour définir et gérer votre contenu efficacement. <br><br> - [Déclaration de contenu](https://intlayer.org/doc/concept/content)                                                                                                                                                                                                            |
-| <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/compiler.jpg?raw=true" alt="Fonctionnalité" width="700"> | **Compilateur**<br><br>Le compilateur Intlayer extrait automatiquement le contenu des composants et génère les fichiers de dictionnaire.<br><br> - [Compilateur](https://intlayer.org/doc/compiler)                                                                                                                                                                                                                                      |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/per_locale_content_declaration_file.png?raw=true)       | **Fichier de Déclaration de Contenu par Langue**<br><br>Accélérez votre développement en déclarant votre contenu une seule fois, avant la génération automatique.<br><br> - [Fichier de Déclaration de Contenu par Langue](https://intlayer.org/doc/concept/per-locale-file)                                                                                                                                                             |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)                            | **Environnement Typé**<br><br>Exploitez TypeScript pour garantir que vos définitions de contenu et votre code sont sans erreur, tout en bénéficiant de l'autocomplétion dans votre IDE.<br><br> - [Configuration TypeScript](https://intlayer.org/doc/environment/vite-and-react#configure-typescript)                                                                                                                                   |
-| ![Fonctionnalité](https://github.com/aymericzip/intlayer/blob/main/docs/assets/config_file.png?raw=true)                        | **Configuration Simplifiée**<br><br>Démarrez rapidement avec une configuration minimale. Ajustez facilement les paramètres pour l’internationalisation, le routage, l’IA, la compilation et la gestion du contenu.<br><br> - [Explorer l’intégration Next.js](https://intlayer.org/doc/environment/nextjs)                                                                                                                               |
-| ![Fonctionnalité](https://github.com/aymericzip/intlayer/blob/main/docs/assets/content_retrieval.png?raw=true)                  | **Récupération de contenu simplifiée**<br><br>Pas besoin d'appeler votre fonction `t` pour chaque contenu. Récupérez tout votre contenu directement en utilisant un seul hook.<br><br> - [Intégration React](https://intlayer.org/doc/environment/create-react-app)                                                                                                                                                                      |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/server_component.png?raw=true)                          | **Implémentation cohérente des composants serveur**<br><br>Parfaitement adapté aux composants serveur Next.js, utilisez la même implémentation pour les composants client et serveur, sans avoir besoin de passer votre fonction `t` à travers chaque composant serveur. <br><br> - [Composants Serveur](https://intlayer.org/doc/environment/nextjs#step-7-utilize-content-in-your-code)                                                |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/file_tree.png?raw=true)                                 | **Base de code organisée**<br><br>Gardez votre base de code plus organisée : 1 composant = 1 dictionnaire dans le même dossier. Les traductions proches de leurs composants respectifs améliorent la maintenabilité et la clarté. <br><br> - [Comment fonctionne Intlayer](https://intlayer.org/doc/concept/how-works-intlayer)                                                                                                          |
-| ![Fonctionnalité](https://github.com/aymericzip/intlayer/blob/main/docs/assets/url_routing.png?raw=true)                        | **Routage Amélioré**<br><br>Prise en charge complète du routage d’application, s’adaptant parfaitement aux structures d’applications complexes, pour Next.js, React, Vite, Vue.js, etc.<br><br> - [Explorer l’intégration Next.js](https://intlayer.org/doc/environment/nextjs)                                                                                                                                                          |
-| ![Fonctionnalité](https://github.com/aymericzip/intlayer/blob/main/docs/assets/markdown.png?raw=true)                           | **Support Markdown**<br><br>Importer et interpréter les fichiers de localisation et le Markdown distant pour du contenu multilingue comme les politiques de confidentialité, la documentation, etc. Interpréter et rendre les métadonnées Markdown accessibles dans votre code.<br><br> - [Fichiers de contenu](https://intlayer.org/doc/concept/content/file)                                                                           |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/visual_editor.png?raw=true)                             | **Éditeur Visuel Gratuit & CMS**<br><br>Un éditeur visuel gratuit et un CMS sont disponibles pour les rédacteurs de contenu, supprimant le besoin d'une plateforme de localisation. Gardez votre contenu synchronisé en utilisant Git, ou externalisez-le totalement ou partiellement avec le CMS.<br><br> - [Éditeur Intlayer](https://intlayer.org/doc/concept/editor) <br> - [CMS Intlayer](https://intlayer.org/doc/concept/cms)     |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/bundle.png?raw=true)                                    | **Contenu Tree-shakable**<br><br>Contenu tree-shakable, réduisant la taille du bundle final. Charge le contenu par composant, excluant tout contenu inutilisé de votre bundle. Supporte le chargement paresseux pour améliorer l'efficacité du chargement de l'application. <br><br> - [Optimisation de la construction de l'application](https://intlayer.org/doc/concept/how-works-intlayer#app-build-optimization)                    |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/static_rendering.png?raw=true)                          | **Rendu Statique**<br><br>Ne bloque pas le rendu statique. <br><br> - [Intégration Next.js](https://intlayer.org/doc/environment/nextjs)                                                                                                                                                                                                                                                                                                 |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/AI_translation.png?raw=true)                            | **Traduction alimentée par l'IA**<br><br>Transformez votre site web en 231 langues en un seul clic grâce aux outils avancés de traduction alimentés par l'IA d'Intlayer utilisant votre propre fournisseur d'IA/clé API. <br><br> - [Intégration CI/CD](https://intlayer.org/doc/concept/ci-cd) <br> - [CLI Intlayer](https://intlayer.org/doc/concept/cli) <br> - [Remplissage automatique](https://intlayer.org/doc/concept/auto-fill) |
-| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/mcp.png?raw=true)                                       | **Intégration du serveur MCP**<br><br>Fournit un serveur MCP (Model Context Protocol) pour l'automatisation dans l'IDE, permettant une gestion fluide du contenu et des flux de travail i18n directement dans votre environnement de développement. <br><br> - [Serveur MCP](https://github.com/aymericzip/intlayer/blob/main/docs/fr/mcp_server.md)                                                                                     |
-| ![Fonctionnalité](https://github.com/aymericzip/intlayer/blob/main/docs/assets/vscode_extension.png?raw=true)                   | **Extension VSCode**<br><br>Intlayer propose une extension VSCode pour vous aider à gérer votre contenu et vos traductions, construire vos dictionnaires, traduire votre contenu, et plus encore. <br><br> - [Extension VSCode](https://intlayer.org/doc/vs-code-extension)                                                                                                                                                              |
-| ![Fonctionnalité](https://github.com/aymericzip/intlayer/blob/main/docs/assets/interoperability.png?raw=true)                   | **Interopérabilité**<br><br>Permet l'interopérabilité avec react-i18next, next-i18next, next-intl et react-intl. <br><br> - [Intlayer et react-intl](https://intlayer.org/blog/intlayer-with-react-intl) <br> - [Intlayer et next-intl](https://intlayer.org/blog/intlayer-with-next-intl) <br> - [Intlayer et next-i18next](https://intlayer.org/blog/intlayer-with-next-i18next)                                                       |
-| Test des traductions manquantes (CLI/CI)                                                                                        | ✅ CLI : npx intlayer content test (audit compatible CI)                                                                                                                                                                                                                                                                                                                                                                                 |
+| Fonctionnalité                                                                                                            | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| ------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/frameworks.png?raw=true)                          | **Support multi-frameworks**<br><br>Intlayer est compatible avec tous les frameworks et bibliothèques majeurs, y compris Next.js, React, Vite, Vue.js, Nuxt, Preact, Express et plus encore.                                                                                                                                                                                                                                                               |
+| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/javascript_content_management.jpg?raw=true)       | **Gestion de contenu propulsée par JavaScript**<br><br>Exploitez la flexibilité de JavaScript pour définir et gérer efficacement votre contenu.<br><br> - [Déclaration de contenu](https://intlayer.org/doc/concept/content)                                                                                                                                                                                                                               |
+| <img src="https://github.com/aymericzip/intlayer/blob/main/docs/assets/compiler.jpg?raw=true" alt="Feature" width="700">  | **Compilateur**<br><br>Le compilateur d'Intlayer extrait automatiquement le contenu des composants et génère les fichiers de dictionnaire.<br><br> - [Compilateur](https://intlayer.org/doc/compiler)                                                                                                                                                                                                                                                      |
+| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/per_locale_content_declaration_file.png?raw=true) | **Fichier de déclaration de contenu par langue**<br><br>Accélérez votre développement en déclarant votre contenu une seule fois, avant la génération automatique.<br><br> - [Fichier de déclaration de contenu par langue](https://intlayer.org/doc/concept/per-locale-file)                                                                                                                                                                               |
+| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true)                      | **Environnement sécurisé par typage**<br><br>Bénéficiez de TypeScript pour vous assurer que vos définitions de contenu et votre code sont exempts d'erreurs, tout en profitant de l'autocomplétion de votre IDE.<br><br> - [Configuration de TypeScript](https://intlayer.org/doc/environment/vite-and-react#configure-typescript)                                                                                                                         |
+| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/config_file.png?raw=true)                         | **Configuration simplifiée**<br><br>Démarrez rapidement avec une configuration minimale. Ajustez facilement les paramètres d'internationalisation, de routage, d'IA, de build et de gestion du contenu.<br><br> - [Explorer l'intégration Next.js](https://intlayer.org/doc/environment/nextjs)                                                                                                                                                            |
+| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/content_retrieval.png?raw=true)                   | **Récupération simplifiée du contenu**<br><br>Pas besoin d'appeler votre fonction `t` pour chaque élément de contenu. Récupérez tout votre contenu directement à l'aide d'un seul hook.<br><br> - [Intégration React](https://intlayer.org/doc/environment/create-react-app)                                                                                                                                                                               |
+| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/server_component.png?raw=true)                    | **Implémentation cohérente des composants serveur**<br><br>Parfaitement adapté aux composants serveur de Next.js, utilisez la même implémentation pour les composants client et serveur, pas besoin de passer votre fonction `t` à travers chaque composant serveur.<br><br> - [Composants serveur](https://intlayer.org/doc/environment/nextjs#step-7-utilize-content-in-your-code)                                                                       |
+| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/file_tree.png?raw=true)                           | **Base de code organisée**<br><br>Gardez votre base de code plus organisée : 1 composant = 1 dictionnaire dans le même dossier. Les traductions proches de leurs composants respectifs améliorent la maintenabilité et la clarté.<br><br> - [Comment fonctionne Intlayer](https://intlayer.org/doc/concept/how-works-intlayer)                                                                                                                             |
+| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/url_routing.png?raw=true)                         | **Routage amélioré**<br><br>Prise en charge complète du routage d'applications, s'adaptant parfaitement aux structures d'applications complexes, pour Next.js, React, Vite, Vue.js, etc.<br><br> - [Explorer l'intégration Next.js](https://intlayer.org/doc/environment/nextjs)                                                                                                                                                                           |
+| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/markdown.png?raw=true)                            | **Support de Markdown**<br><br>Importez et interprétez des fichiers locaux et du Markdown distant pour du contenu multilingue tel que les politiques de confidentialité, la documentation, etc. Interprétez et rendez les métadonnées Markdown accessibles dans votre code.<br><br> - [Fichiers de contenu](https://intlayer.org/doc/concept/content/file)                                                                                                 |
+| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/visual_editor.png?raw=true)                       | **Éditeur visuel et CMS gratuits**<br><br>Un éditeur visuel et un CMS gratuits sont disponibles pour les rédacteurs de contenu, éliminant le besoin d'une plateforme de localisation. Gardez votre contenu synchronisé avec Git, ou externalisez-le totalement ou partiellement avec le CMS.<br><br> - [Éditeur Intlayer](https://intlayer.org/doc/concept/editor) <br> - [CMS Intlayer](https://intlayer.org/doc/concept/cms)                             |
+| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/bundle.png?raw=true)                              | **Contenu éliminable au build (Tree-shakable)**<br><br>Contenu éliminable au build, réduisant la taille du bundle final. Charge le contenu par composant, excluant tout contenu inutilisé de votre bundle. Prend en charge le chargement différé (lazy loading) pour améliorer l'efficacité du chargement de l'application.<br><br> - [Optimisation du build de l'application](https://intlayer.org/doc/concept/how-works-intlayer#app-build-optimization) |
+| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/static_rendering.png?raw=true)                    | **Rendu statique**<br><br>Ne bloque pas le rendu statique.<br><br> - [Intégration Next.js](https://intlayer.org/doc/environment/nextjs)                                                                                                                                                                                                                                                                                                                    |
+| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/AI_translation.png?raw=true)                      | **Traduction propulsée par l'IA**<br><br>Transformez votre site Web en 231 langues en un seul clic à l'aide des outils de traduction IA avancés d'Intlayer avec votre propre fournisseur d'IA/clé API.<br><br> - [Intégration CI/CD](https://intlayer.org/doc/concept/ci-cd) <br> - [CLI Intlayer](https://intlayer.org/doc/concept/cli) <br> - [Remplissage automatique](https://intlayer.org/doc/concept/auto-fill)                                      |
+| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/mcp.png?raw=true)                                 | **Intégration du serveur MCP**<br><br>Fournit un serveur MCP (Model Context Protocol) pour l'automatisation de l'IDE, permettant une gestion transparente du contenu et des flux de travail i18n directement dans votre environnement de développement.<br><br> - [Serveur MCP](https://github.com/aymericzip/intlayer/blob/main/docs/fr/mcp_server.md)                                                                                                    |
+| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/vscode_extension.png?raw=true)                    | **Extension VSCode**<br><br>Intlayer fournit une extension VSCode pour vous aider à gérer votre contenu et vos traductions, à construire vos dictionnaires, à traduire votre contenu, et plus encore.<br><br> - [Extension VSCode](https://intlayer.org/doc/vs-code-extension)                                                                                                                                                                             |
+| ![Feature](https://github.com/aymericzip/intlayer/blob/main/docs/assets/interoperability.png?raw=true)                    | **Interopérabilité**<br><br>Permet l'interopérabilité avec react-i18next, next-i18next, next-intl et react-intl.<br><br> - [Intlayer et react-intl](https://intlayer.org/blog/intlayer-with-react-intl) <br> - [Intlayer et next-intl](https://intlayer.org/blog/intlayer-with-next-intl) <br> - [Intlayer et next-i18next](https://intlayer.org/blog/intlayer-with-next-i18next)                                                                          |
+| Tester les traductions manquantes (CLI/CI)                                                                                | ✅ CLI : npx intlayer content test (audit compatible CI)                                                                                                                                                                                                                                                                                                                                                                                                   |
 
 ## Comparaison d'Intlayer avec d'autres solutions
 
-| Fonctionnalité                                                             | Intlayer                                                                                                                                                         | React-i18next / i18next                                                                  | React-Intl (FormatJS)                                         | LinguiJS                                                      | next-intl                                                     | next-i18next                                                  | vue-i18n                                                                       |
-| -------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------- | ------------------------------------------------------------- | ------------------------------------------------------------- | ------------------------------------------------------------- | ------------------------------------------------------------- | ------------------------------------------------------------------------------ |
-| **Traductions Près des Composants**                                        | Oui, contenu collé avec chaque composant                                                                                                                         | Non                                                                                      | Non                                                           | Non                                                           | Non                                                           | Non                                                           | Oui - utilisant les `Single File Components` (SFCs)                            |
-| **Intégration TypeScript**                                                 | Avancée, types stricts auto-générés                                                                                                                              | Basique ; configuration supplémentaire pour la sécurité                                  | Bonne, mais moins stricte                                     | Typages, nécessite une configuration                          | Bonne                                                         | Basique                                                       | Bonne (types disponibles ; configuration nécessaire pour la sécurité des clés) |
-| **Detección de Traducción Faltante**                                       | ✅ Error/advertencia en tiempo de compilación                                                                                                                    | ⚠️ Principalmente cadenas de reserva en tiempo de ejecución                              | ⚠️ Cadenas de reserva                                         | ⚠️ Requiere configuración adicional                           | ⚠️ Reserva en tiempo de ejecución                             | ⚠️ Reserva en tiempo de ejecución                             | ⚠️ Reserva/advertencias en tiempo de ejecución (configurable)                  |
-| **Contenu riche (JSX/Markdown/composants)**                                | Support direct, même pour les nœuds React                                                                                                                        | Limité / interpolation uniquement                                                        | Syntaxe ICU, pas de vrai JSX                                  | Limité                                                        | Non conçu pour les nœuds riches                               | Limité                                                        | Limité (composants via `<i18n-t>`, Markdown via plugins)                       |
-| **Traduction assistée par IA**                                             | Oui, prend en charge plusieurs fournisseurs d'IA. Utilisable avec vos propres clés API. Prend en compte le contexte de votre application et la portée du contenu | Non                                                                                      | Non                                                           | Non                                                           | Non                                                           | Non                                                           | Non                                                                            |
-| **Éditeur Visuel**                                                         | Oui, éditeur visuel local + CMS optionnel ; peut externaliser le contenu de la base de code ; intégrable                                                         | Non / disponible via des plateformes de localisation externes                            | Non / disponible via des plateformes de localisation externes | Non / disponible via des plateformes de localisation externes | Non / disponible via des plateformes de localisation externes | Non / disponible via des plateformes de localisation externes | Non / disponible via des plateformes de localisation externes                  |
-| **Routage localisé**                                                       | Intégré, support middleware                                                                                                                                      | Plugins ou configuration manuelle                                                        | Non intégré                                                   | Plugin/configuration manuelle                                 | Intégré                                                       | Intégré                                                       | Manuel via Vue Router (géré par Nuxt i18n)                                     |
-| **Génération dynamique des routes**                                        | Oui                                                                                                                                                              | Plugin/écosystème ou configuration manuelle                                              | Non fourni                                                    | Plugin/manuelle                                               | Oui                                                           | Oui                                                           | Non fourni (Nuxt i18n le fournit)                                              |
-| **Pluriel**                                                                | Modèles basés sur l'énumération ; voir la documentation                                                                                                          | Configurable (plugins comme i18next-icu)                                                 | Avancé (ICU)                                                  | Avancé (ICU/messageformat)                                    | Bon                                                           | Bon                                                           | Avancé (règles de pluriel intégrées)                                           |
-| **Formatage (dates, nombres, devises)**                                    | Formatteurs optimisés (Intl en interne)                                                                                                                          | Via des plugins ou usage personnalisé d’Intl                                             | Formatteurs ICU avancés                                       | Aides ICU/CLI                                                 | Bon (aides Intl)                                              | Bon (aides Intl)                                              | Formatteurs intégrés pour dates/nombres (Intl)                                 |
-| **Format de contenu**                                                      | .tsx, .ts, .js, .json, .md, .txt                                                                                                                                 | .json                                                                                    | .json, .js                                                    | .po, .json                                                    | .json, .js, .ts                                               | .json                                                         | .json, .js                                                                     |
-| **Support ICU**                                                            | En cours (ICU natif)                                                                                                                                             | Via plugin (i18next-icu)                                                                 | Oui                                                           | Oui                                                           | Oui                                                           | Via plugin (i18next-icu)                                      | Via un formateur/compilateur personnalisé                                      |
-| **Aides SEO (hreflang, sitemap)**                                          | Outils intégrés : aides pour sitemap, **robots.txt**, métadonnées                                                                                                | Plugins communautaires / manuel                                                          | Pas au cœur                                                   | Pas au cœur                                                   | Bon                                                           | Bon                                                           | Pas au cœur (Nuxt i18n fournit des aides)                                      |
-| **Écosystème / Communauté**                                                | Plus petit mais en croissance rapide et réactif                                                                                                                  | Le plus grand et le plus mature                                                          | Grand, entreprise                                             | En croissance, plus petit                                     | Taille moyenne, axé sur Next.js                               | Taille moyenne, axé sur Next.js                               | Important dans l'écosystème Vue                                                |
-| **Rendu côté serveur & Composants Serveur**                                | Oui, optimisé pour le SSR / Composants Serveur React                                                                                                             | Pris en charge, configuration nécessaire                                                 | Pris en charge dans Next.js                                   | Pris en charge                                                | Support complet                                               | Support complet                                               | SSR via Nuxt/Vue SSR (pas de RSC)                                              |
-| **Élimination des codes morts (chargement uniquement du contenu utilisé)** | Oui, par composant au moment de la compilation via les plugins Babel/SWC                                                                                         | Charge généralement tout (peut être amélioré avec des espaces de noms/découpage de code) | Charge généralement tout                                      | Pas par défaut                                                | Partiel                                                       | Partiel                                                       | Partiel (avec découpage de code/configuration manuelle)                        |
-| **Chargement paresseux**                                                   | Oui, par locale/par composant                                                                                                                                    | Oui (par exemple, backends/namespaces à la demande)                                      | Oui (bundles de locale fractionnés)                           | Oui (importations dynamiques de catalogues)                   | Oui (par route/par locale)                                    | Oui (par route/par locale)                                    | Oui (messages de locale asynchrones)                                           |
-| **Gestion des grands projets**                                             | Encourage la modularité, adapté aux design-systems                                                                                                               | Nécessite une bonne discipline des fichiers                                              | Les catalogues centraux peuvent devenir volumineux            | Peut devenir complexe                                         | Modulaire avec configuration                                  | Modulaire avec configuration                                  | Modulaire avec configuration Vue Router/Nuxt i18n                              |
-
----
+| Fonctionnalité                                           | `intlayer`                                                                                                                                                          | `react-i18next`                                                                                                                                       | `react-intl` (FormatJS)                                                                                                                                                                      | `lingui`                                                         | `next-intl`                                                                                                                                           | `next-i18next`                                                                                                                                        | `vue-i18n`                                                                      |
+| -------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------- |
+| **Traductions proches des composants**                   | ✅ Oui, contenu colocalisé avec chaque composant                                                                                                                    | ❌ Non                                                                                                                                                | ❌ Non                                                                                                                                                                                       | ❌ Non                                                           | ❌ Non                                                                                                                                                | ❌ Non                                                                                                                                                | ✅ Oui - en utilisant les `Single File Components` (SFC)                        |
+| **Intégration TypeScript**                               | ✅ Avancée, types stricts auto-générés                                                                                                                              | ⚠️ De base ; configuration supplémentaire pour la sécurité                                                                                            | ✅ Bonne, mais moins stricte                                                                                                                                                                 | ⚠️ Typages, nécessite une configuration                          | ✅ Bonne                                                                                                                                              | ⚠️ De base                                                                                                                                            | ✅ Bonne (types disponibles ; la sécurité des clés nécessite une configuration) |
+| **Détection des traductions manquantes**                 | ✅ Erreur TypeScript affichée et erreur/avertissement au build                                                                                                      | ⚠️ Principalement des chaînes de secours au runtime                                                                                                   | ⚠️ Chaînes de secours                                                                                                                                                                        | ⚠️ Nécessite une configuration supplémentaire                    | ⚠️ Secours au runtime                                                                                                                                 | ⚠️ Secours au runtime                                                                                                                                 | ⚠️ Secours/avertissements au runtime (configurable)                             |
+| **Contenu riche (JSX/Markdown/composants)**              | ✅ Support direct                                                                                                                                                   | ⚠️ Limité / interpolation uniquement                                                                                                                  | ⚠️ Syntaxe ICU, pas du vrai JSX                                                                                                                                                              | ⚠️ Limité                                                        | ❌ Non conçu pour les nœuds riches                                                                                                                    | ⚠️ Limité                                                                                                                                             | ⚠️ Limité (composants via `<i18n-t>`, Markdown via plugins)                     |
+| **Traduction propulsée par l'IA**                        | ✅ Oui, prend en charge plusieurs fournisseurs d'IA. Utilisable avec vos propres clés API. Prend en compte le contexte de votre application et la portée du contenu | ❌ Non                                                                                                                                                | ❌ Non                                                                                                                                                                                       | ❌ Non                                                           | ❌ Non                                                                                                                                                | ❌ Non                                                                                                                                                | ❌ Non                                                                          |
+| **Éditeur visuel**                                       | ✅ Oui, éditeur visuel local + CMS optionnel ; peut externaliser le contenu de la base de code ; intégrable                                                         | ❌ Non / disponible via des plateformes de localisation externes                                                                                      | ❌ Non / disponible via des plateformes de localisation externes                                                                                                                             | ❌ Non / disponible via des plateformes de localisation externes | ❌ Non / disponible via des plateformes de localisation externes                                                                                      | ❌ Non / disponible via des plateformes de localisation externes                                                                                      | ❌ Non / disponible via des plateformes de localisation externes                |
+| **Routage localisé**                                     | ✅ Oui, prend en charge les chemins localisés dès le départ (fonctionne avec Next.js & Vite)                                                                        | ⚠️ Non intégré, nécessite des plugins (ex. `next-i18next`) ou une config de routeur personnalisée                                                     | ❌ Non, uniquement le formatage des messages, le routage doit être manuel                                                                                                                    | ⚠️ Non intégré, nécessite des plugins ou une config manuelle     | ✅ Intégré, App Router prend en charge le segment `[locale]`                                                                                          | ✅ Intégré                                                                                                                                            | ✅ Intégré                                                                      |
+| **Génération de routes dynamiques**                      | ✅ Oui                                                                                                                                                              | ⚠️ Plugin/écosystème ou configuration manuelle                                                                                                        | ❌ Non fourni                                                                                                                                                                                | ⚠️ Plugin/manuel                                                 | ✅ Oui                                                                                                                                                | ✅ Oui                                                                                                                                                | ❌ Non fourni (Nuxt i18n le fournit)                                            |
+| **Pluralisation**                                        | ✅ Modèles basés sur des énumérations                                                                                                                               | ✅ Configurable (plugins comme i18next-icu)                                                                                                           | ✅ (ICU)                                                                                                                                                                                     | ✅ (ICU/messageformat)                                           | ✅ Bonne                                                                                                                                              | ✅ Bonne                                                                                                                                              | ✅ Règles de pluralisation intégrées                                            |
+| **Formatage (dates, nombres, devises)**                  | ✅ Formateurs optimisés (Intl sous le capot)                                                                                                                        | ⚠️ Via des plugins ou l'utilisation personnalisée d'Intl                                                                                              | ✅ Formateurs ICU                                                                                                                                                                            | ✅ Assistants ICU/CLI                                            | ✅ Bon (assistants Intl)                                                                                                                              | ✅ Bon (assistants Intl)                                                                                                                              | ✅ Formateurs date/nombre intégrés (Intl)                                       |
+| **Format de contenu**                                    | ✅ .tsx, .ts, .js, .json, .md, .txt, (.yaml WIP)                                                                                                                    | ⚠️ .json                                                                                                                                              | ✅ .json, .js                                                                                                                                                                                | ⚠️ .po, .json                                                    | ✅ .json, .js, .ts                                                                                                                                    | ⚠️ .json                                                                                                                                              | ✅ .json, .js                                                                   |
+| **Support ICU**                                          | ⚠️ WIP                                                                                                                                                              | ⚠️ Via plugin (i18next-icu)                                                                                                                           | ✅ Oui                                                                                                                                                                                       | ✅ Oui                                                           | ✅ Oui                                                                                                                                                | ⚠️ Via plugin (`i18next-icu`)                                                                                                                         | ⚠️ Via formateur/compilateur personnalisé                                       |
+| **Assistants SEO (hreflang, sitemap)**                   | ✅ Outils intégrés : assistants pour sitemap, robots.txt, métadonnées                                                                                               | ⚠️ Plugins communautaires/manuel                                                                                                                      | ❌ Non central                                                                                                                                                                               | ❌ Non central                                                   | ✅ Bon                                                                                                                                                | ✅ Bon                                                                                                                                                | ❌ Non central (Nuxt i18n fournit des assistants)                               |
+| **Écosystème / Communauté**                              | ⚠️ Plus petit mais en croissance rapide et réactif                                                                                                                  | ✅ Le plus grand et mature                                                                                                                            | ✅ Grand                                                                                                                                                                                     | ⚠️ Plus petit                                                    | ✅ Taille moyenne, axé sur Next.js                                                                                                                    | ✅ Taille moyenne, axé sur Next.js                                                                                                                    | ✅ Grand dans l'écosystème Vue                                                  |
+| **Rendu côté serveur & Composants serveur**              | ✅ Oui, rationalisé pour le SSR / React Server Components                                                                                                           | ⚠️ Pris en charge au niveau de la page mais nécessite de passer les fonctions t sur l'arborescence des composants pour les composants serveur enfants | ⚠️ Pris en charge au niveau de la page avec une configuration supplémentaire, mais nécessite de passer les fonctions t sur l'arborescence des composants pour les composants serveur enfants | ✅ Pris en charge, configuration requise                         | ⚠️ Pris en charge au niveau de la page mais nécessite de passer les fonctions t sur l'arborescence des composants pour les composants serveur enfants | ⚠️ Pris en charge au niveau de la page mais nécessite de passer les fonctions t sur l'arborescence des composants pour les composants serveur enfants | ✅ SSR via Nuxt/Vue SSR (pas de RSC)                                            |
+| **Tree-shaking (charger uniquement le contenu utilisé)** | ✅ Oui, par composant au build via des plugins Babel/SWC                                                                                                            | ⚠️ Charge généralement tout (peut être amélioré avec des espaces de noms/découpage de code)                                                           | ⚠️ Charge généralement tout                                                                                                                                                                  | ❌ Pas par défaut                                                | ⚠️ Partiel                                                                                                                                            | ⚠️ Partiel                                                                                                                                            | ⚠️ Partiel (avec découpage de code/config manuelle)                             |
+| **Chargement différé (Lazy loading)**                    | ✅ Oui, par langue / par dictionnaire                                                                                                                               | ✅ Oui (ex. backends/namespaces à la demande)                                                                                                         | ✅ Oui (séparer les bundles de langue)                                                                                                                                                       | ✅ Oui (importations de catalogue dynamiques)                    | ✅ Oui (par route/par langue), nécessite une gestion des espaces de noms                                                                              | ✅ Oui (par route/par langue), nécessite une gestion des espaces de noms                                                                              | ✅ Oui (messages de langue asynchrones)                                         |
+| **Purger le contenu inutilisé**                          | ✅ Oui, par dictionnaire au build                                                                                                                                   | ❌ Non, uniquement via une segmentation manuelle des espaces de noms                                                                                  | ❌ Non, tous les messages déclarés sont regroupés                                                                                                                                            | ✅ Oui, clés inutilisées détectées et abandonnées au build       | ❌ Non, peut être géré manuellement avec la gestion des espaces de noms                                                                               | ❌ Non, peut être géré manuellement avec la gestion des espaces de noms                                                                               | ❌ Non, uniquement possible via le lazy-loading manuel                          |
+| **Gestion des grands projets**                           | ✅ Encourage le modulaire, adapté au design-system                                                                                                                  | ⚠️ Nécessite une bonne discipline de fichiers                                                                                                         | ⚠️ Les catalogues centraux peuvent devenir volumineux                                                                                                                                        | ⚠️ Peut devenir complexe                                         | ✅ Modulaire avec configuration                                                                                                                       | ✅ Modulaire avec configuration                                                                                                                       | ✅ Modulaire avec configuration de Vue Router/Nuxt i18n                         |
 
 ## Étoiles GitHub
 
@@ -229,6 +278,6 @@ Les étoiles GitHub sont un indicateur fort de la popularité d'un projet, de la
 
 ## Interopérabilité
 
-intlayer peut également aider à gérer vos namespaces react-intl, react-i18next, next-intl, next-i18next et vue-i18n.
+`intlayer` peut également aider à gérer vos espaces de noms `react-intl`, `react-i18next`, `next-intl`, `next-i18next` et `vue-i18n`.
 
-En utilisant intlayer, vous pouvez déclarer votre contenu au format de votre bibliothèque i18n préférée, et intlayer générera vos namespaces à l'emplacement de votre choix (exemple : /messages/{{locale}}/{{namespace}}.json).
+En utilisant `intlayer`, vous pouvez déclarer votre contenu dans le format de votre bibliothèque i18n préférée, et intlayer générera vos espaces de noms à l'emplacement de votre choix (exemple : `/messages/{{locale}}/{{namespace}}.json`).

package/docs/fr/intlayer_with_adonisjs.md

@@ -1,8 +1,8 @@
 ---
 createdAt: 2025-08-23
-updatedAt: 2026-05-06
-title: AdonisJS i18n - Comment traduire une application AdonisJS en 2026
-description: Découvrez comment rendre votre backend AdonisJS multilingue. Suivez la documentation pour l'internationaliser (i18n) et le traduire.
+updatedAt: 2026-05-31
+title: AdonisJS i18n - Guide complet pour traduire AdonisJS
+description: Meilleure solution pour la taille du bundle, le SEO, les performances & la maintenabilité. Rendez votre AdonisJS backend multilingue en 2026, traduction LLM, Agent Skills & MCP.
 keywords:
   - Internationalisation
   - Documentation

package/docs/fr/intlayer_with_analog.md

@@ -1,8 +1,8 @@
 ---
 createdAt: 2025-04-18
-updatedAt: 2026-05-06
-title: Analog i18n - Comment traduire une application Analog en 2026
-description: Découvrez comment rendre votre application Analog multilingue. Suivez la documentation pour l'internationaliser (i18n) et la traduire.
+updatedAt: 2026-05-31
+title: Analog i18n - Guide complet pour traduire Analog
+description: Meilleure solution pour la taille du bundle, le SEO, les performances & la maintenabilité. Rendez votre Analog application multilingue en 2026, traduction LLM, Agent Skills & MCP.
 keywords:
   - Internationalisation
   - Documentation
@@ -56,16 +56,47 @@ history:
 
 <TOC/>
 
-## Qu'est-ce qu'Intlayer ?
+## Pourquoi Intlayer plutôt que des alternatives ?
 
-**Intlayer** est une bibliothèque d'internationalisation (i18n) innovante et open-source conçue pour simplifier le support multilingue dans les applications web modernes.
+Par rapport aux solutions principales telles que `ngx-translate` ou `angular-l10n`, Intlayer est une solution dotée d'optimisations intégrées telles que :
 
-Avec Intlayer, vous pouvez :
+<AccordionGroup>
+<Accordion header="Support complet de analogique">
 
-- **Gérer facilement les traductions** à l'aide de dictionnaires déclaratifs au niveau du composant.
-- **Localiser dynamiquement les métadonnées**, les routes et le contenu.
-- **Assurer le support de TypeScript** avec des types autogénérés, améliorant l'autocomplétion et la détection d'erreurs.
-- **Bénéficier de fonctionnalités avancées**, comme la détection et le basculement dynamiques de la langue.
+Intlayer est optimisé pour fonctionner parfaitement avec Analog en offrant un **routage multilingue**, une **prise en charge SSR** et toutes les fonctionnalités nécessaires à l'internationalisation (i18n).
+
+</Accordion>
+<Accordion header="Taille du bundle">
+
+Au lieu de charger de lourds fichiers JSON dans vos pages, ne chargez que le contenu strictement nécessaire. Intlayer vous aide à **réduire la taille de votre bundle et de vos pages jusqu'à 50 %**.
+
+</Accordion>
+<Accordion header="Maintenabilité">
+
+Déclarer le contenu directement au plus près de vos composants **facilite la maintenance** des applications de grande envergure. Vous pouvez dupliquer ou supprimer le dossier d'une fonctionnalité sans le fardeau mental de devoir passer en revue toute votre base de code de contenu. De plus, Intlayer est **entièrement typé** pour garantir l'exactitude de vos traductions.
+
+</Accordion>
+<Accordion header="Prêt pour les agents IA">
+
+La colocalisation du contenu **réduit le contexte nécessaire** aux grands modèles de langage (LLM). Intlayer est également livré avec une suite d'outils, tels qu'une **CLI** pour vérifier les traductions manquantes, un **[LSP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/lsp.md)**, un **[MCP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/mcp_server.md)** et des **[agent skills](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/agent_skills.md)**, afin de rendre l'expérience développeur (DX) encore plus fluide pour les agents IA.
+
+</Accordion>
+<Accordion header="Automatisation">
+
+Automatisez les traductions dans votre pipeline CI/CD en utilisant le LLM de votre choix au coût de votre propre fournisseur d'IA. Intlayer propose également un **compilateur** pour automatiser l'extraction de contenu, ainsi qu'une [plateforme web](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/intlayer_CMS.md) pour vous aider à **traduire en arrière-plan**.
+
+</Accordion>
+<Accordion header="Performances">
+
+Associer de gros fichiers JSON à vos composants peut ralentir les performances et impacter la réactivité. Intlayer optimise le chargement du contenu directement au moment du **build**.
+
+</Accordion>
+<Accordion header="Collaboration avec les non-développeurs">
+
+Bien plus qu'une simple solution i18n, Intlayer propose un **[éditeur visuel](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/intlayer_visual_editor.md)** auto-hébergé et un **[CMS complet](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/intlayer_CMS.md)** pour gérer votre contenu multilingue en **temps réel**. Cela rend la collaboration avec les traducteurs, concepteurs-rédacteurs et autres membres de l'équipe extrêmement simple. Le contenu peut être stocké localement et/ou à distance.
+
+</Accordion>
+</AccordionGroup>
 
 ---
 
@@ -73,7 +104,9 @@ Avec Intlayer, vous pouvez :
 
 Voir le [Modèle d'application](https://github.com/aymericzip/intlayer-analog-template) sur GitHub.
 
-### Étape 1 : Installer les dépendances
+<Steps>
+
+<Step number={1} title="Installer les dépendances">
 
 Installez les packages nécessaires à l'aide de npm :
 
@@ -107,7 +140,9 @@ bun x intlayer init
 - **vite-intlayer**
   Le package qui intègre Intlayer avec Vite. Il fournit un plugin pour gérer les fichiers de déclaration de contenu et configure des alias pour des performances optimales.
 
-### Étape 2 : Configuration de votre projet
+</Step>
+
+<Step number={2} title="Configuration de votre projet">
 
 Créez un fichier de configuration pour configurer les langues de votre application :
 
@@ -131,7 +166,9 @@ export default config;
 
 > Grâce à ce fichier de configuration, vous pouvez configurer des URL localisées, la redirection de middleware, les noms de cookies, l'emplacement et l'extension de vos déclarations de contenu, désactiver les logs Intlayer dans la console, et plus encore. Pour une liste complète des paramètres disponibles, reportez-vous à la [documentation de configuration](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/configuration.md).
 
-### Étape 3 : Intégrer Intlayer dans votre configuration Vite
+</Step>
+
+<Step number={3} title="Intégrer Intlayer dans votre configuration Vite">
 
 Pour intégrer Intlayer avec Analog, vous devez utiliser le plugin `vite-intlayer`.
 
@@ -153,7 +190,9 @@ export default defineConfig(() => ({
 
 > Le plugin `intlayer()` configure Vite avec Intlayer. Il gère les fichiers de déclaration de contenu et configure des alias pour des performances optimales.
 
-### Étape 4 : Déclarer votre contenu
+</Step>
+
+<Step number={4} title="Déclarer votre contenu">
 
 Créez et gérez vos déclarations de contenu pour stocker les traductions :
 
@@ -183,7 +222,9 @@ export default appContent;
 
 > Pour plus de détails, reportez-vous à la [documentation de déclaration de contenu](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/dictionary/content_file.md).
 
-### Étape 5 : Utiliser Intlayer dans votre code
+</Step>
+
+<Step number={5} title="Utiliser Intlayer dans votre code">
 
 Pour utiliser les fonctionnalités d'internationalisation d'Intlayer dans toute votre application Analog, vous devez fournir Intlayer dans la configuration de votre application.
 
@@ -221,7 +262,9 @@ export default class HomeComponent {
 
 Le contenu Intlayer est retourné sous forme de `Signal`, vous accédez donc aux valeurs en appelant le signal : `content().title`.
 
-### (Optionnel) Étape 6 : Changer la langue de votre contenu
+</Step>
+
+<Step number={6} title="Changer la langue de votre contenu" isOptional={true}>
 
 Pour changer la langue de votre contenu, vous pouvez utiliser la fonction `setLocale` fournie par la fonction `useLocale`. Cela vous permet de définir la locale de l'application et de mettre à jour le contenu en conséquence.
 
@@ -333,3 +376,7 @@ Pour plus de détails sur l'utilisation de l'extension, reportez-vous à la [doc
 ### Aller plus loin
 
 Pour aller plus loin, vous pouvez implémenter l'[éditeur visuel](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/intlayer_visual_editor.md) ou externaliser votre contenu à l'aide du [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/fr/intlayer_CMS.md).
+
+</Step>
+
+</Steps>