@intlayer/docs 5.5.12 → 5.6.0

package/docs/es/intlayer_with_create_react_app.md

@@ -15,6 +15,7 @@ slugs:
   - doc
   - environment
   - create-react-app
+applicationTemplate: https://github.com/aymericzip/intlayer-react-cra-template
 ---
 
 # Comenzando con la Internacionalización (i18n) con Intlayer y React Create App

package/docs/es/intlayer_with_lynx+react.md

@@ -15,6 +15,7 @@ slugs:
   - doc
   - environment
   - lynx-and-react
+applicationTemplate: https://github.com/aymericzip/intlayer-lynx-template
 ---
 
 # Comenzando con la internacionalización (i18n) usando Intlayer, Lynx y React

package/docs/es/intlayer_with_nextjs_14.md

@@ -15,6 +15,7 @@ slugs:
   - environment
   - nextjs
   - 14
+applicationTemplate: https://github.com/aymericzip/intlayer-next-14-template
 ---
 
 # Comenzando con la internacionalización (i18n) usando Intlayer y Next.js 14 con App Router

package/docs/es/intlayer_with_nextjs_15.md

@@ -14,6 +14,8 @@ slugs:
   - doc
   - environment
   - nextjs
+applicationTemplate: https://github.com/aymericzip/intlayer-next-15-template
+youtubeVideo: https://www.youtube.com/watch?v=e_PPG7PTqGU
 ---
 
 # Comenzando con la internacionalización (i18n) usando Intlayer y Next.js 15 App Router
@@ -130,7 +132,7 @@ module.exports = config;
 
 Configura tu entorno Next.js para usar Intlayer:
 
-```typescript filename="next.config.ts" codeFormat="typescript"
+```typescript fileName="next.config.ts" codeFormat="typescript"
 import type { NextConfig } from "next";
 import { withIntlayer } from "next-intlayer/server";
 

package/docs/es/intlayer_with_nuxt.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - nuxt-and-vue
+applicationTemplate: https://github.com/aymericzip/intlayer-nuxt-template
 ---
 
 # Comenzando con la internacionalización (i18n) usando Intlayer y Nuxt

package/docs/es/intlayer_with_react_native+expo.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - react-native-and-expo
+applicationTemplate: https://github.com/aymericzip/intlayer-react-native-template
 ---
 
 # Comenzando con la internacionalización (i18n) usando Intlayer y React Native

package/docs/es/intlayer_with_vite+preact.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - vite-and-preact
+applicationTemplate: https://github.com/aymericzip/intlayer-vite-preact-template
 ---
 
 # Comenzando con la internacionalización (i18n) usando Intlayer, Vite y Preact
@@ -43,17 +44,17 @@ Instala los paquetes necesarios usando npm:
 
 ```bash packageManager="npm"
 npm install intlayer preact-intlayer
-npm install --save-dev vite-intlayer
+npm install vite-intlayer --save-dev
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer preact-intlayer
-pnpm add --save-dev vite-intlayer
+pnpm add vite-intlayer --save-dev
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer preact-intlayer
-yarn add --save-dev vite-intlayer
+yarn add vite-intlayer --save-dev
 ```
 
 - **intlayer**

package/docs/es/intlayer_with_vite+react.md

@@ -15,10 +15,13 @@ slugs:
   - doc
   - environment
   - vite-and-react
----
+applicationTemplate: https://github.com/aymericzip/intlayer-vite-react-template
+youtubeVideo: https://www.youtube.com/watch?v=dS9L7uJeak4---
 
 # Comenzando con la internacionalización (i18n) usando Intlayer en Vite y React
 
+<iframe title="The best i18n solution for Vite and React? Discover 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/dS9L7uJeak4?si=VaKmrYMmXjo3xpk2"/>
+
 Consulta la [Plantilla de Aplicación](https://github.com/aymericzip/intlayer-vite-react-template) en GitHub.
 
 ## ¿Qué es Intlayer?
@@ -42,17 +45,17 @@ Instala los paquetes necesarios usando npm:
 
 ```bash packageManager="npm"
 npm install intlayer react-intlayer
-npm install --save-dev vite-intlayer
+npm install vite-intlayer --save-dev
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer react-intlayer
-pnpm add --save-dev vite-intlayer
+pnpm add vite-intlayer --save-dev
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer react-intlayer
-yarn add --save-dev vite-intlayer
+yarn add vite-intlayer --save-dev
 ```
 
 - **intlayer**

package/docs/es/intlayer_with_vite+solid.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - vite-and-solid
+# applicationTemplate: https://github.com/aymericzip/intlayer-vite-solid-template
 ---
 
 # Comenzando con la internacionalización (i18n) usando Intlayer, Vite y Solid
@@ -43,17 +44,17 @@ Instala los paquetes necesarios usando npm:
 
 ```bash packageManager="npm"
 npm install intlayer solid-intlayer
-npm install --save-dev vite-intlayer
+npm install vite-intlayer --save-dev
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer solid-intlayer
-pnpm add --save-dev vite-intlayer
+pnpm add vite-intlayer --save-dev
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer solid-intlayer
-yarn add --save-dev vite-intlayer
+yarn add vite-intlayer --save-dev
 ```
 
 - **intlayer**

package/docs/es/intlayer_with_vite+svelte.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - vite-and-svelte
+# applicationTemplate: https://github.com/aymericzip/intlayer-vite-svelte-template
 ---
 
 # Comenzando con la internacionalización (i18n) usando Intlayer, Vite y Svelte
@@ -43,17 +44,17 @@ Instala los paquetes necesarios usando npm:
 
 ```bash packageManager="npm"
 npm install intlayer svelte-intlayer
-npm install --save-dev vite-intlayer
+npm install vite-intlayer --save-dev
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer svelte-intlayer
-pnpm add --save-dev vite-intlayer
+pnpm add vite-intlayer --save-dev
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer svelte-intlayer
-yarn add --save-dev vite-intlayer
+yarn add vite-intlayer --save-dev
 ```
 
 - **intlayer**

package/docs/es/intlayer_with_vite+vue.md

@@ -14,6 +14,7 @@ slugs:
   - doc
   - environment
   - vite-and-vue
+applicationTemplate: https://github.com/aymericzip/intlayer-vite-vue-template
 ---
 
 # Comenzando a internacionalizar (i18n) con Intlayer, Vite y Vue
@@ -41,17 +42,17 @@ Instala los paquetes necesarios usando npm:
 
 ```bash packageManager="npm"
 npm install intlayer vue-intlayer
-npm install --save-dev vite-intlayer
+npm install vite-intlayer --save-dev
 ```
 
 ```bash packageManager="pnpm"
 pnpm add intlayer vue-intlayer
-pnpm add --save-dev vite-intlayer
+pnpm add vite-intlayer --save-dev
 ```
 
 ```bash packageManager="yarn"
 yarn add intlayer vue-intlayer
-yarn add --save-dev vite-intlayer
+yarn add vite-intlayer --save-dev
 ```
 
 - **intlayer**
@@ -1002,7 +1003,7 @@ Por defecto, Intlayer renderiza markdown como cadena. Pero Intlayer también pro
 
 > Para ver cómo declarar contenido markdown usando el paquete `intlayer`, consulta la [documentación de markdown](https://github.com/aymericzip/intlayer/tree/main/docs/es/dictionary/markdown.md).
 
-```ts filename="main.ts"
+```ts fileName="main.ts"
 import MarkdownIt from "markdown-it";
 import { createApp, h } from "vue";
 import { installIntlayer, installIntlayerMarkdown } from "vue-intlayer";

package/docs/es/mcp_server.md

@@ -1,11 +1,11 @@
 ---
 createdAt: 2025-06-07
-updatedAt: 2025-06-07
+updatedAt: 2025-07-11
 title: Documentación del Servidor MCP
 description: Explora las características y configuración del Servidor MCP para optimizar la gestión y operaciones de tu servidor.
 keywords:
   - Servidor MCP
-  - Gestión de Servidores
+  - Gestión de Servidor
   - Optimización
   - Intlayer
   - Documentación
@@ -18,31 +18,58 @@ slugs:
 
 # Servidor MCP de Intlayer
 
-El **Servidor MCP (Model Context Protocol) de Intlayer** proporciona asistencia en el IDE potenciada por IA, adaptada al ecosistema de Intlayer. Diseñado para entornos modernos de desarrollo como **Cursor**, **GitHub Copilot workspace** y cualquier IDE que soporte el protocolo MCP, este servidor te ofrece soporte contextual y en tiempo real basado en la configuración de tu proyecto.
+El **Servidor MCP (Model Context Protocol) de Intlayer** proporciona asistencia para IDE potenciada por IA, adaptada al ecosistema Intlayer.
+
+## ¿Dónde puedo usarlo?
+
+- En entornos modernos de desarrollo como **Cursor**, **VS Code** y cualquier IDE que soporte el protocolo MCP.
+- En tu asistente de IA favorito como **Claude Desktop**, **Gemini**, **ChatGPT**, etc.
 
 ## ¿Por qué usar el Servidor MCP de Intlayer?
 
 Al habilitar el Servidor MCP de Intlayer en tu IDE, desbloqueas:
 
-- **Integración inteligente con CLI**
-  Accede y ejecuta comandos de la CLI de Intlayer directamente desde la interfaz de tu IDE. Consulta la lista completa de comandos y opciones en la [documentación de la CLI de Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/intlayer_cli.md).
+- **Documentación Contextualizada**
+  El servidor MCP carga y expone la documentación de Intlayer. Para acelerar tu configuración, tus migraciones, etc.
+  Esto asegura que las sugerencias de código, las opciones de comandos y las explicaciones estén siempre actualizadas y sean relevantes.
+
+- **Integración Inteligente de CLI**
+  Accede y ejecuta comandos de la CLI de Intlayer directamente desde la interfaz de tu IDE. Usando el servidor MCP, puedes permitir que tu asistente de IA ejecute comandos como `intlayer dictionaries build` para actualizar tus diccionarios, o `intlayer dictionaries fill` para completar tus traducciones faltantes.
+
+  > Consulta la lista completa de comandos y opciones en la [documentación de la CLI de Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/intlayer_cli.md).
+
+## Servidor local (stdio) vs Servidor remoto (SSE)
+
+El servidor MCP se puede usar de dos maneras:
+
+- Servidor local (stdio)
+- Servidor remoto (SSE)
+
+### Servidor local (stdio) (recomendado)
+
+Intlayer proporciona un paquete NPM que puede instalarse localmente en tu máquina. Puede instalarse en tu IDE favorito, como VS Code, Cursor, así como en tu aplicación de asistente local, como ChatGPT, Claude Desktop, etc.
 
-- **Documentación con conciencia contextual**
-  El servidor MCP carga y expone la documentación que corresponde a la versión de Intlayer que estás utilizando en tu proyecto. Esto asegura que las sugerencias de código, opciones de comandos y explicaciones estén siempre actualizadas y sean relevantes.
+Este servidor es la forma recomendada de usar el servidor MCP, ya que integra todas las funcionalidades del servidor MCP, incluyendo las herramientas CLI.
 
-- **Desarrollo asistido por IA**
-  Con sugerencias y autocompletado conscientes del proyecto, el asistente de IA puede explicar tu código, recomendar el uso de la CLI o sugerir cómo usar características específicas de Intlayer basándose en tus archivos actuales.
+### Servidor remoto (SSE)
 
-- **Ligero y configuración instantánea**
-  No se requiere mantenimiento del servidor ni instalaciones pesadas. Solo configura tu archivo `.cursor/mcp.json` o la configuración MCP equivalente y estarás listo para comenzar.
+El servidor MCP también puede usarse de forma remota, utilizando el método de transporte SSE. Este servidor está alojado por Intlayer y está disponible en https://mcp.intlayer.org. Este servidor puede ser accedido públicamente, sin ninguna autenticación, y es gratuito para usar.
+
+Ten en cuenta que el servidor remoto no integra herramientas CLI, autocompletado AI, etc. El servidor remoto es solo para la interacción con la documentación para ayudar a tu asistente AI con el ecosistema Intlayer.
+
+> Debido a los costos de alojamiento del servidor, no se puede garantizar la disponibilidad del servidor remoto. Limitamos el número de conexiones simultáneas. Recomendamos usar el método de transporte del servidor local (stdio) para una experiencia más confiable.
 
 ---
 
-## Configurar Cursor
+## Configuración en Cursor
+
+Sigue la [documentación oficial](https://docs.cursor.com/context/mcp) para configurar el servidor MCP en Cursor.
 
-En la raíz de tu proyecto, añade el siguiente archivo de configuración `.cursor/mcp.json`:
+En la raíz de tu proyecto, agrega el siguiente archivo de configuración `.cursor/mcp.json`:
 
-```json
+### Servidor local (stdio) (recomendado)
+
+```json fileName=".cursor/mcp.json"
 {
   "mcpServers": {
     "intlayer": {
@@ -53,19 +80,36 @@ En la raíz de tu proyecto, añade el siguiente archivo de configuración `.curs
 }
 ```
 
-Esto indica a tu IDE que inicie el servidor MCP de Intlayer usando `npx`, asegurando que siempre utilice la versión más reciente disponible a menos que la fijes.
+### Servidor remoto (SSE)
+
+Para conectarte a un servidor Intlayer MCP remoto usando Server-Sent Events (SSE), puedes configurar tu cliente MCP para conectarse al servicio alojado.
+
+```json fileName=".cursor/mcp.json"
+{
+  "mcpServers": {
+    "intlayer": {
+      "url": "https://mcp.intlayer.org",
+      "transport": "sse"
+    }
+  }
+}
+```
+
+Esto indica a tu IDE que inicie el servidor Intlayer MCP usando `npx`, asegurando que siempre utilice la versión más reciente disponible a menos que la fijes.
 
 ---
 
-## Configurar VS Code
+## Configuración en VS Code
 
-Para usar el servidor MCP de Intlayer con VS Code, necesitas configurarlo en los ajustes de tu espacio de trabajo o de usuario.
+Sigue la [documentación oficial](https://code.visualstudio.com/docs/copilot/chat/mcp-servers) para configurar el servidor MCP en VS Code.
 
-### Configuración del espacio de trabajo
+Para usar el servidor Intlayer MCP con VS Code, necesitas configurarlo en los ajustes de tu espacio de trabajo o usuario.
+
+### Servidor local (stdio) (recomendado)
 
 Crea un archivo `.vscode/mcp.json` en la raíz de tu proyecto:
 
-```json
+```json fileName=".vscode/mcp.json"
 {
   "servers": {
     "intlayer": {
@@ -77,98 +121,88 @@ Crea un archivo `.vscode/mcp.json` en la raíz de tu proyecto:
 }
 ```
 
-### Uso del servidor MCP en VS Code
-
-1. **Habilitar el modo Agente**: Abre la vista de Chat (⌃⌘I en Mac, Ctrl+Alt+I en Windows/Linux) y selecciona el modo **Agente** en el menú desplegable.
-
-2. **Acceder a las herramientas**: Haz clic en el botón **Herramientas** para ver las herramientas disponibles de Intlayer. Puedes seleccionar o deseleccionar herramientas específicas según sea necesario.
-
-3. **Referencia directa de herramientas**: Referencia las herramientas directamente en tus indicaciones escribiendo `#` seguido del nombre de la herramienta.
+### Servidor remoto (SSE)
 
-4. **Confirmación de herramientas**: Por defecto, VS Code pedirá confirmación antes de ejecutar las herramientas. Usa las opciones del botón **Continuar** para confirmar automáticamente las herramientas para la sesión actual, el espacio de trabajo o todas las invocaciones futuras.
+Para conectarte a un servidor Intlayer MCP remoto usando Server-Sent Events (SSE), puedes configurar tu cliente MCP para conectarse al servicio alojado.
 
-### Gestión del servidor
-
-- Ejecuta **MCP: Listar servidores** desde la Paleta de Comandos para ver los servidores configurados
-- Inicia, detén o reinicia el servidor MCP de Intlayer según sea necesario
-- Visualiza los registros del servidor para solucionar problemas seleccionando el servidor y eligiendo **Mostrar salida**
-
-Para obtener información más detallada sobre la integración de MCP en VS Code, consulta la [documentación oficial de MCP para VS Code](https://code.visualstudio.com/docs/copilot/chat/mcp-servers).
+```json fileName=".vscode/mcp.json"
+{
+  "servers": {
+    "intlayer": {
+      "url": "https://mcp.intlayer.org",
+      "type": "sse"
+    }
+  }
+}
+```
 
 ---
 
-## Uso del servidor MCP vía CLI
+## Configuración en ChatGPT
 
-También puedes ejecutar el servidor MCP de Intlayer directamente desde la línea de comandos para pruebas, depuración o integración con otras herramientas.
+### Servidor remoto (SSE)
 
-### Instalar el servidor MCP
+Sigue la [documentación oficial](https://platform.openai.com/docs/mcp#test-and-connect-your-mcp-server) para configurar el servidor MCP en ChatGPT.
 
-Primero, instala el paquete del servidor MCP globalmente o úsalo mediante npx:
+1. Ve al [panel de prompts](https://platform.openai.com/prompts)
+2. Haz clic en `+ Create`
+3. Haz clic en `Tools (Create or +)`
+4. Selecciona `MCP Server`
+5. Haz clic en `Add new`
+6. Rellena los siguientes campos:
 
-```bash
-# Instalar globalmente
-npm install -g @intlayer/mcp
-
-# O usar directamente con npx (recomendado)
-npx @intlayer/mcp
-```
+   - URL: `https://mcp.intlayer.org`
+   - Label: `Intlayer MCP Server`
+   - Name: `intlayer-mcp-server`
+   - Authentication: `None`
 
-### Iniciar el servidor
+7. Haz clic en `Save`
 
-Para iniciar el servidor MCP con el inspector para depuración y pruebas:
-
-```bash
-# Usando el comando start incorporado
-npm run start
-
-# O directamente con npx
-npx @modelcontextprotocol/inspector npx @intlayer/mcp
-```
-
-Esto iniciará el servidor MCP con una interfaz de inspector que te permite:
+---
 
-- Probar las comunicaciones del protocolo MCP
-- Depurar las respuestas del servidor
-- Validar las implementaciones de herramientas y recursos
-- Monitorizar el rendimiento del servidor
+## Configuración en Claude Desktop
 
-### Uso en Desarrollo
+Sigue la [documentación oficial](https://modelcontextprotocol.io/quickstart/user#2-add-the-filesystem-mcp-server) para configurar el servidor MCP en Claude Desktop.
 
-Para propósitos de desarrollo y pruebas, puedes ejecutar el servidor en varios modos:
+Ruta del archivo de configuración:
 
-```bash
-# Construir e iniciar en modo desarrollo
-npm run dev
+- macOS: `~/Library/Application\ Support/Claude/claude_desktop_config.json`
+- Windows: `%APPDATA%\Claude\claude_desktop_config.json`
 
-# Ejecutar con configuración personalizada
-node dist/cjs/index.cjs
+### Servidor local (stdio) (recomendado)
 
-# Probar la funcionalidad del servidor
-npm test
+```json fileName="claude_desktop_config.json"
+{
+  "mcpServers": {
+    "intlayer": {
+      "command": "npx",
+      "args": ["-y", "@intlayer/mcp"]
+    }
+  }
+}
 ```
 
-El servidor expondrá herramientas y recursos específicos de Intlayer que pueden ser consumidos por cualquier cliente compatible con MCP, no solo Cursor u otros IDEs.
-
 ---
 
-## Resumen de Funcionalidades
-
-| Feature                  | Description                                                                                     |
-| ------------------------ | ----------------------------------------------------------------------------------------------- |
-| Soporte CLI              | Ejecuta comandos `intlayer`, obtiene sugerencias de uso y argumentos en línea                   |
-| Documentación Versionada | Detecta y carga automáticamente la documentación que coincide con tu versión actual de Intlayer |
-| Autocompletado           | Sugerencias inteligentes de comandos y configuraciones mientras escribes                        |
-| Listo para Plugins       | Compatible con IDEs y herramientas que soportan el estándar MCP                                 |
+## Uso del Servidor MCP vía CLI
 
----
+También puedes ejecutar el servidor MCP de Intlayer directamente desde la línea de comandos para pruebas, depuración o integración con otras herramientas.
 
-## Enlaces Útiles
+```bash
+# Instalar globalmente
+npm install -g @intlayer/mcp
 
-- [Documentación CLI de Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/es/intlayer_cli.md)
-- [Repositorio GitHub de Intlayer](https://github.com/aymericzip/intlayer)
+# O usar directamente con npx (recomendado)
+npx @intlayer/mcp
+```
 
 ---
 
-## Historial de Documentación
+## Historial del Documento
 
-- 5.5.10 - 2025-06-29: Historial inicial
+| Versión | Fecha      | Cambios                                  |
+| ------- | ---------- | ---------------------------------------- |
+| 5.5.12  | 2025-07-11 | Añadida configuración de ChatGPT         |
+| 5.5.12  | 2025-07-10 | Añadida configuración de Claude Desktop  |
+| 5.5.12  | 2025-07-10 | Añadido transporte SSE y servidor remoto |
+| 5.5.10  | 2025-06-29 | Historial inicial                        |

package/docs/es/vs_code_extension.md

@@ -15,6 +15,7 @@ keywords:
 slugs:
   - doc
   - vs-code-extension
+applicationTemplate: https://github.com/aymericzip/intlayer-vs-code-extension
 ---
 
 # Extensión Oficial de VS Code

package/docs/fr/intlayer_CMS.md

@@ -16,6 +16,7 @@ slugs:
   - doc
   - concept
   - cms
+youtubeVideo: https://www.youtube.com/watch?v=UDDTnirwi_4
 ---
 
 # Documentation du Système de Gestion de Contenu (CMS) Intlayer