Internacionalização Layer

    Type-Safe. Traduza com IA. Edite visualmente.

    npx intlayer init

    Defina traduções onde quiser na sua base de código e acelere seu desenvolvimento. Mantenha seu bundle tão leve quanto deve ser.

    Disponível 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>  );};
    Experimente gratuitamente no playground.Ir au playground
    intlayer test
    $ npx intlayer test
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ~/Desktop/MyApp

    Melhore a manutenção do código mantendo suas definições de conteúdo próximas aos seus componentes. Reduza a redundância, melhore a clareza e simplifique as atualizações com uma abordagem estruturada que torna seu código mais fácil de gerenciar e dimensionar ao longo do tempo.

    Extraia seu conteúdo instantaneamente com o Compilador Intlayer. Ele gerará automaticamente os arquivos de dicionário necessários para seu conteúdo para internacionalizar sua aplicação em um segundo.

    Aproveite o editor visual gratuito para construir e gerenciar seu site sem esforço. Crie, edite e organize componentes e páginas sem tocar no código, facilitando a colaboração entre gestores de conteúdo e desenvolvedores.

    Expanda seu alcance com suporte de tradução integrado. Traduza facilmente seu conteúdo usando uma interface intuitiva, garantindo experiências multilíngues contínuas para seus usuários sem a complicação de gerenciar várias versões de conteúdo manualmente.

    Use a CLI da Intlayer para testar e preencher seu conteúdo com IA, garantindo que todas as traduções estejam completas e precisas.

    Perguntas frequentes

    A internacionalização (i18n) é o processo de projetar e desenvolver aplicativos como Next.js, React ou Express para suportar facilmente vários idiomas. Isso permite que você crie sites multilíngues simplificando o processo de tradução. Ferramentas como TypeScript tornam mais fácil implementar a i18n, permitiendo uma adaptação eficiente e fácil do seu aplicativo a diferentes idiomas e regiões.Saiba mais sobre i18n

    Intlayer é um pacote que permite gerenciar seu site multilíngue. Ele fornece um conjunto de ferramentas e utilitários que facilitam a configuração de seu site para conteúdo multilíngue e localização.Saiba mais sobre o Intlayer

    O Intlayer simplifica a gestão da configuração e habilita a internacionalização para vários tipos de aplicações JavaScript, incluindo componentes de servidor. Permite a declaração do conteúdo diretamente ao lado dos componentes, melhorando a manutenibilidade da base de código. Além disso, o Intlayer utiliza o TypeScript para evitar declarações ausentes. Finalmente, o Intlayer oferece um editor visual, permitindo que não desenvolvedores editem o conteúdo do site, traduzam automaticamente usando IA e otimizem o SEO da aplicação.Saiba mais sobre os recursos do Intlayer

    O Intlayer se integra ao Next.js para permitir o renderização do lado do servidor e a geração de sites estáticos, tornando a entrega de conteúdo multilíngue mais eficiente.Saiba mais sobre a integração com o Next.js

    Sim, o Intlayer oferece um editor visual opcional para gerenciar conteúdo facilmente sem mergulhar no código.Saiba mais sobre o editor visual

    Você pode contribuir enviando pull requests ou relatando problemas no repositório do GitHub.Saiba mais sobre como contribuir

    O Intlayer integra uma seleção de pacotes NPM gratuitos juntamente com um editor visual. Além disso, oferece um CMS para externalizar conteúdo. Este CMS é gratuito, mas inclui recursos adicionais para membros dos planos Premium e Enterprise.Saiba mais sobre os planos do Intlayer

    O Intlayer está disponível para React (incluindo Create React App), Vite com React, Next.js, Tanstack Start, Vue, Nuxt, Express, NestJS, Preact e mais. Isso garante uma integração perfeita com os modernos frameworks JavaScript e ambientes do lado do servidor.Saiba mais sobre as plataformas suportadas

    Sim, o Intlayer pode ser integrado como um wrapper em torno de i18next, next-intl, vue-i18next e mais. Isso permite automatizar suas traduções e usar o Intlayer sem precisar refatorar seu código existente.

    Leia todas as perguntas frequentes