Recién lanzado v9.6.0

    Internacionalización Layer

    Type-Safe. Traduce con IA. Edita visualmente.

    npx intlayer init

    Define las traducciones donde quieras en tu código y acelera tu desarrollo. Mantén tu paquete tan ligero como debe ser.

    Apoyar el proyectoEmpezar

    Disponible para

    // src/component/server/component.content.tsimport { t, type Dictionary } from "intlayer";const componentContent = {  key: "server-component",  content: {    title: t({      en: "Title of my component",      fr: "Titre de mon component",      es: "Título de mi componente",    }),    content:      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",  },} satisfies Dictionary;export default componentContent;
    // src/components/Component.tsxexport const Component = () => {  return (    <div>      <h2>Intlayer Compiler</h2>      <p>        The Intlayer Compiler extracts automatically the content from the        components and generates the dictionary files.      </p>    </div>  );};
    Pruébelo gratis usando el playground.Ir al playground
    intlayer test
    $ npx intlayer test
    ~/Desktop/MyApp

    Mejore la mantenibilidad del código manteniendo sus definiciones de contenido cerca de sus componentes. Reduzca la redundancia, mejore la claridad y simplifique las actualizaciones con un enfoque estructurado que facilita la gestión y el escalado del código con el tiempo.

    Extraiga su contenido instantáneamente con el Compilador Intlayer. Generará automáticamente los archivos de diccionario necesarios para su contenido a fin de internacionalizar su aplicación en un segundo.

    Aproveche el editor visual gratuito para construir y gestionar su sitio sin esfuerzo. Cree, edite y organice componentes y páginas sin necesidad de tocar código, facilitando la colaboración entre gestores de contenido y desarrolladores.

    Amplíe su alcance con la función de traducción incorporada. Traduza fácilmente su contenido utilizando una interfaz intuitiva, garantizando experiencias multilingües fluidas para sus usuarios sin la molestia de gestionar múltiples versiones de contenido manualmente.

    Utiliza la CLI de Intlayer para probar y rellenar tu contenido con IA, asegurando que todas las traducciones estén completas y sean precisas.

    Preguntas frecuentes

    La internacionalización (i18n) es el proceso de diseñar y desarrollar aplicaciones como Next.js, React o Express para admitir fácilmente múltiples idiomas. Te permite crear sitios web multilingües simplificando el proceso de traducción. Herramientas como TypeScript facilitan la implementación de i18n, permitiendo una adaptación eficiente y fácil de tu aplicación a diferentes idiomas y regiones.Leer más sobre la internacionalización

    Intlayer es un paquete que te permite gestionar tu sitio web multilingüe. Proporciona un conjunto de herramientas y utilidades que facilitan la configuración de tu sitio web para el contenido multilingüe y la localización.Leer más sobre Intlayer

    Intlayer simplifica la gestión de configuraciones y habilita la internacionalización para varios tipos de aplicaciones JavaScript, incluidos los server components. Permite declarar el contenido directamente junto a los componentes, mejorando el mantenimiento del código. Además, Intlayer utiliza TypeScript para evitar declaraciones faltantes. Finalmente, Intlayer ofrece un editor visual que permite a los no desarrolladores editar el contenido del sitio web, traducir automáticamente con IA y optimizar el SEO de la aplicación.Leer más sobre las características de Intlayer

    Intlayer se integra con Next.js para habilitar el renderizado del lado del servidor y la generación de sitios estáticos, haciendo más eficiente la entrega de contenido multilingüe.Leer más sobre la integración de Next.js

    Sí, Intlayer proporciona un editor visual opcional para gestionar contenido fácilmente sin necesidad de entrar en el código.Leer más sobre el editor visual

    Puedes contribuir enviando pull requests o reportando problemas en el repositorio de GitHub.Leer más sobre cómo contribuir

    Intlayer integra una selección de paquetes NPM gratuitos junto con un editor visual. Además, ofrece un CMS para externalizar contenido. Este CMS es gratuito, pero incluye características adicionales para los miembros de los planes Premium y Enterprise.Leer más sobre los planes de Intlayer

    Intlayer está disponible para React (incluido Create React App), Vite con React, Next.js, Tanstack Start, Vue, Nuxt, Express, NestJS, Preact, y más. Esto garantiza una integración fluida con marcos de JavaScript modernos y entornos del lado del servidor.Leer más sobre las plataformas compatibles

    Sí, Intlayer se puede integrar como un wrapper alrededor de i18next, next-intl, vue-i18next y más. Esto te permite automatizar tus traducciones y usar Intlayer sin tener que refactorizar tu código existente.

    Leer todas las preguntas frecuentes