|Labs
Agenda una demoPlataforma
React (Lingo Compiler)
Alpha
React (MCP)
React (i18n)CLI anterior (v0)
Obsoleto

Lingo.dev React MCP

  • Cómo funciona
  • Configuración

Agentes de IA

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

I18n MCP

Descubrimos que los agentes de programación con IA se traban cuando intentan configurar la internacionalización en apps web desde cero. Hay demasiados pasos interdependientes —ruteo por idioma, middleware, archivos de traducción, wrappers de providers, selector de idioma— y los agentes pierden de vista qué ya se hizo y qué falta.

Inspirados en Sequential Thinking MCP, creamos 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 la implementación completa queda lista en 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:

HerramientaPropósito
i18n_checklistUna guía de implementación paso a paso que coordina toda la configuración. El agente la invoca en cada etapa para saber qué hacer después.
get_project_contextCaptura la arquitectura del proyecto —framework, router y estructura de directorios— para definir 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 la documentación de bibliotecas de i18n (por ejemplo, react-intl) que se usan durante la configuración de providers y componentes.

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

Qué se implementa#

Una configuración típica guiada por MCP genera:

  • Rutas según el idioma - URLs con el prefijo del idioma activo (/en/about, /es/about)
  • Selector de idioma - Un componente de UI 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 de providers, 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, dale este prompt:

Configura i18n

O especifica los idiomas:

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

El agente invoca i18n_checklist para empezar y luego sigue los pasos guiados, usando 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 inherentemente no determinista. El MCP mejora la consistencia con su enfoque guiado por checklist, 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 resultó útil esta página?

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