Intlayer: Una forma más cercana de traducir tu aplicación

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

.└── Components    └── MyComponent        ├── index.content.ts        └── index.tsx

import { t, type Dictionary } from "intlayer";// Ejemplo de contenido del componenteconst componentExampleContent = {  key: "component-example",  content: {    myTranslatedContent: t({      en: "Hello World",      fr: "Bonjour le monde",      es: "Hola Mundo",    }),  },} satisfies Dictionary;export default componentExampleContent;

import { useIntlayer } from "react-intlayer";// Ejemplo del componenteexport const ComponentExample = () => {  const { myTranslatedContent } = useIntlayer("component-example");  return <span>{myTranslatedContent}</span>;};

¿Por qué elegir Intlayer?

• Gestión de contenido impulsada por JavaScript: Aprovecha la flexibilidad de JavaScript para definir y gestionar tu contenido de manera eficiente.
• Entorno seguro con tipos: Utiliza TypeScript para garantizar que todas tus definiciones de contenido sean precisas y sin errores.
• Archivos de contenido integrados: Mantén tus traducciones cerca de sus respectivos componentes, mejorando la mantenibilidad y claridad.
• Configuración simplificada: Ponte en marcha rápidamente con una configuración mínima, especialmente optimizada para proyectos de Next.js.
• Soporte para componentes del servidor: Perfectamente adecuado para componentes del servidor de Next.js, asegurando un renderizado del lado del servidor fluido.
• Enrutamiento mejorado: Soporte completo para el enrutamiento de aplicaciones de Next.js, adaptándose perfectamente a estructuras de aplicaciones complejas.
• Interoperabilidad: Permite la interoperabilidad con react-i18next, next-i18next, next-intl, y react-intl.