Haz tu pregunta y obtén un resumen del documento referenciando esta página y el proveedor AI de tu elección
Al integrar el servidor MCP Intlayer a tu asistente de IA, puedes recuperar todos los documentos directamente desde ChatGPT, DeepSeek, Cursor, VSCode, etc.
Ver la documentación del servidor MCPEl contenido de esta página ha sido traducido con una IA.
Ver la última versión del contenido original en inglésSi tienes una idea para mejorar esta documentación, no dudes en contribuir enviando una pull request en GitHub.
Enlace de GitHub a la documentaciónCopiar el Markdown del documento a la portapapeles
Intlayer: Una forma personalizada de traducir tu sitio web
Intlayer es una biblioteca de internacionalización diseñada específicamente para desarrolladores de JavaScript. Permite la declaración de tu contenido en cualquier parte de tu código. Convierte la declaración de contenido multilingüe en diccionarios estructurados para integrarlos fácilmente en tu código. Usando TypeScript, Intlayer hace que tu desarrollo sea más sólido y eficiente.
Ejemplo de uso
Copiar el código al portapapeles
.└── Components └── MyComponent ├── index.content.ts └── index.tsx
Copiar el código al portapapeles
import { t, type Dictionary } from "intlayer";const componentExampleContent = { key: "component-example", content: { myTranslatedContent: t({ en: "Hello World", fr: "Bonjour le monde", es: "Hola Mundo", }), },} satisfies Dictionary;export default componentExampleContent;
Copiar el código al portapapeles
import { useIntlayer } from "react-intlayer";// Componente de ejemplo que utiliza la traducción desde Intlayerexport const ComponentExample = () => { const { myTranslatedContent } = useIntlayer("component-example"); return <span>{myTranslatedContent}</span>;};
¿Por qué elegir Intlayer?
Característica | Descripción |
---|---|
Gestión de Contenido Impulsada por JavaScript | Aprovecha la flexibilidad de JavaScript para definir y gestionar tu contenido de manera eficiente. |
Entorno con Tipos Seguros | Aprovecha TypeScript para garantizar que todas tus definiciones de contenido sean precisas y sin errores. |
Archivos de Contenido Integrados | Mantenga sus traducciones cerca de sus respectivos componentes, mejorando la mantenibilidad y claridad. |
Configuración Simplificada | Comience rápidamente con una configuración mínima, especialmente optimizada para proyectos Next.js. |
Soporte para Componentes del Servidor | Perfectamente adecuado para componentes del servidor de Next.js, asegurando una renderización fluida del lado del servidor. |
Enrutamiento Mejorado | Soporte completo para el enrutamiento de aplicaciones Next.js, adaptándose sin problemas a estructuras de aplicación complejas. |
Base de código organizada | Mantén tu base de código más organizada: 1 componente = 1 diccionario en la misma carpeta. |
Auto-traducción en CI | Rellena automáticamente tus traducciones en tu CI usando tu propia clave API de OpenAI, eliminando la necesidad de una plataforma de localización (L10n). |
Integración del Servidor MCP | Proporciona un servidor MCP (Protocolo de Contexto de Modelo) para la automatización en el IDE, permitiendo una gestión de contenido y flujos de trabajo de i18n sin interrupciones directamente dentro de tu entorno de desarrollo. Aprende más. |
Soporte para Markdown | Importa e interpreta archivos markdown para contenido multilingüe como políticas de privacidad. |
Editor Visual Gratuito y CMS | Un editor visual gratuito y un CMS están disponibles si necesitas trabajar con redactores de contenido para tus traducciones, eliminando nuevamente la necesidad de una plataforma de localización y permitiendo la externalización del contenido fuera de la base de código. |
Recuperación Simplificada de Contenido | No es necesario llamar a tu función t para cada fragmento de contenido; recupera todo tu contenido directamente usando un solo hook. |
Implementación Consistente | La misma implementación para componentes cliente y servidor, sin necesidad de pasar tu función t a través de cada componente servidor. |
Contenido Tree-shakable | El contenido es tree-shakable, lo que aligera el paquete final. |
Renderizado Estático No Bloqueante | Intlayer no bloquea el Renderizado Estático como lo hace next-intl. |
Interoperabilidad | Permite la interoperabilidad con react-i18next, next-i18next, next-intl, y react-intl. |
Historial de Documentación
- 5.5.10 - 2025-06-29: Historial inicial