Le Lingo.dev React MCP fournit aux assistants de code IA tous les outils nécessaires pour mettre en place l’internationalisation dans votre codebase React — routes adaptées à la langue, sélecteur de langue et détection de la langue — à partir d’un seul prompt. Inspiré de Sequential Thinking MCP, il transforme la configuration i18n en une checklist guidée que l’agent suit étape par étape, afin d’extraire et de brancher automatiquement les clés et l’infrastructure de traduction.
À ne pas confondre avec Lingo.dev MCP
Le Lingo.dev React MCP est conçu pour mettre en place l’i18n dans les codebases React. Le Lingo.dev MCP, lui, sert à travailler avec des moteurs de localisation (glossaires, voix de marque, scorers, configurations de modèles). Cette page porte sur React MCP.
Comment ça marche#
Le serveur Lingo.dev React MCP met quatre outils à la disposition de l’agent :
| Outil | Rôle |
|---|---|
i18n_checklist | Un guide d’implémentation pas à pas qui orchestre toute la configuration. L’agent l’appelle à chaque étape pour savoir quoi faire ensuite. |
get_project_context | Analyse l’architecture du projet — framework, routeur, structure des répertoires — afin d’orienter la stratégie d’implémentation. |
get_framework_docs | Récupère la documentation officielle du framework détecté (Next.js, React Router, TanStack Start). |
get_i18n_library_docs | Récupère la documentation des bibliothèques i18n (par ex. react-intl) utilisées pour configurer le provider et les composants. |
L’outil i18n_checklist joue le rôle de coordinateur. Il guide l’agent à travers 13 étapes — de l’analyse du projet jusqu’au routage par langue, à la configuration des traductions, au sélecteur de langue et à la validation du build.
Ce qui est mis en place#
Une configuration typique guidée par Lingo.dev React MCP produit :
- Routes adaptées à la langue - Des URL préfixées par la langue active (
/en/about,/es/about) - Sélecteur de langue - Un composant d’interface permettant de passer d’une langue prise en charge à une autre
- Détection de la langue - Détection automatique de la langue préférée de l’utilisateur
- Infrastructure de traduction - Configuration du provider, fichiers de traduction et fonctions utilitaires avec des clés extraites de vos composants
Frameworks pris en charge#
| Framework | Versions |
|---|---|
| Next.js App Router | v13-16 |
| Next.js Pages Router | v13-16 |
| TanStack Start | v1 |
| React Router | v7 |
Utilisation#
Une fois Lingo.dev React MCP connecté à votre assistant de code IA, donnez-lui ce prompt :
Set up i18n
Ou précisez les langues dès le départ :
Set up i18n with the following locales: en, es, and pt-BR. The default locale is "en".
L’agent appelle i18n_checklist pour démarrer, puis suit les étapes guidées — en faisant appel aux autres outils si nécessaire. Résultat : une configuration i18n fonctionnelle, adaptée à votre framework et à la structure de votre projet.
Le développement assisté par l’IA est par nature non déterministe. Lingo.dev React MCP améliore la cohérence grâce à son approche pilotée par checklist, mais les résultats exacts peuvent varier d’une exécution à l’autre.
