|Labs
Reservar una demoPlataforma
React (Lingo Compiler)
Alpha
React (MCP)
React (i18n)CLI antiguo (v0)
Obsoleto

Lingo.dev React MCP

  • Cómo funciona
  • Configuración

Agentes de IA

  • Claude Code
  • Cursor
  • GitHub Copilot Agents
  • Codex (OpenAI)

MCP de i18n

Hemos visto que los agentes de programación con IA se atascan al configurar la internacionalización en aplicaciones web desde cero. Hay demasiados pasos interdependientes —enrutamiento por idioma, middleware, archivos de traducción, wrappers de proveedores, selector de idioma— y los agentes acaban perdiendo de vista qué está hecho y qué queda por hacer.

Inspirados por Sequential Thinking MCP, hemos creado un servidor MCP gratuito que divide la configuración de i18n en una lista guiada que el agente sigue paso a paso. Conéctalo a tu agente de IA, escribe "Configura i18n" y tendrás la configuración completa lista en cuestión de minutos.

How to set up i18n in Next.js 16 (App Router) with Lingo.dev MCP Server

Qué ofrece el MCP#

El servidor pone cuatro herramientas a disposición del agente de IA:

HerramientaFinalidad
i18n_checklistUna guía de implementación paso a paso que coordina toda la configuración. El agente la llama en cada fase para saber qué hacer a continuación.
get_project_contextCapta la arquitectura del proyecto —framework, router y estructura de directorios— para orientar la estrategia de implementación.
get_framework_docsObtiene la documentación oficial del framework detectado (Next.js, React Router, TanStack Start).
get_i18n_library_docsObtiene documentación de librerías de i18n (por ejemplo, react-intl) que se utilizan durante la configuración de proveedores y componentes.

La herramienta i18n_checklist es la que coordina todo el proceso. Guía al agente a lo largo de 13 pasos, desde el análisis del proyecto hasta el enrutamiento por idioma, la configuración de traducciones, el selector de idioma y la validación de la compilación. Cada paso le indica al agente exactamente qué debe implementar y qué herramientas debe llamar.

Qué se implementa#

Una configuración típica guiada por MCP da como resultado:

  • Rutas adaptadas al idioma - URL con el prefijo del idioma activo (/en/about, /es/about)
  • Selector de idioma - Un componente de interfaz para cambiar entre los idiomas compatibles
  • Detección de idioma - Detección automática del idioma preferido del usuario
  • Infraestructura de traducción - Configuración del proveedor, archivos de traducción y funciones auxiliares

Frameworks compatibles#

FrameworkVersiones
Next.js App Routerv13-16
Next.js Pages Routerv13-16
TanStack Startv1
React Routerv7

Uso#

Una vez que el MCP esté conectado a tu asistente de programación con IA, escríbele:

Configura i18n

O especifica los idiomas:

Configura i18n con los siguientes idiomas: en, es y pt-BR. El idioma predeterminado es "en".

El agente llama a i18n_checklist para empezar y, a continuación, sigue los pasos guiados, recurriendo a las demás herramientas cuando hace falta. El resultado es una configuración de i18n funcional, adaptada a tu framework y a la estructura de tu proyecto.

La programación asistida por IA es intrínsecamente no determinista. El MCP mejora la consistencia gracias a su enfoque guiado por listas de comprobación, pero los resultados exactos pueden variar de una ejecución a otra.

Siguientes pasos#

Configuración
Conecta el MCP a tu asistente de programación con IA
Claude Code
Configúralo en Claude Code
Cursor
Configúralo en Cursor
GitHub Copilot
Configúralo en GitHub Copilot Agents

¿Te ha resultado útil esta página?

Max PrilutskiyMax Prilutskiy·Actualizado hace 4 meses·2 min de lectura