Internacionalize facilmente seu site React e Next.js

    Intlayer é uma biblioteca de internacionalização e gestão de conteúdo projetada especialmente para desenvolvedores. Torne seu código mais escalável e robusto graças ao TypeScript. Facilite a edição do seu conteúdo externalizando-o e aproveite as ferramentas de IA para acelerar suas redações.

    Por que escolher o Intlayer?

    Grátis e Código Aberto

    O Intlayer é gratuito e de código aberto, permitindo que você o use gratuitamente e contribua para atendê-lo às suas necessidades.

    Gerenciamento de Conteúdo Impulsionado por JavaScript

    Aproveite a flexibilidade do JavaScript para definir e gerenciar seu conteúdo de forma eficiente.

    Ambiente Type-Safe

    Aproveite o TypeScript para garantir que todas as suas definições de conteúdo sejam precisas e sem erros.

    Declaração no nível do componente

    Mantenha suas traduções perto de seus respectivos componentes, melhorando a manutenibilidade e a clareza.

    Configuração Simplificada

    Comece a funcionar rapidamente com configuração mínima, especialmente otimizada para projetos Next.js.

    CMS Integrado

    Edite seu conteúdo em seu site com um CMS integrado diretamente em seu site. Aumente a geração de conteúdo graças à IA.

    Base de código

    Editor Visual

    Multilíngue

    Autocompletar

    Markdown

    // src/component/client/component.content.tsimport { t, type Dictionary } from "intlayer";const componentContent = {  key: "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;
    Visual Editor
    Experimente gratuitamente usando o playground.Ir ao playground

    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.

    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.

    Aumente sua produtividade com sugestões de conteúdo baseadas em IA. À medida que você digita, receba recomendações instantâneas para texto, títulos e frases-chave, ajudando-o a manter a consistência, melhorar a legibilidade e agilizar a criação de conteúdo em todo o seu projeto.

    Escreva conteúdo em Markdown para uma abordagem integrada e estruturada de formatação de texto. Crie e gerencie as páginas do seu site com facilidade, aproveitando a simplicidade do Markdown para manter a consistência e melhorar a legibilidade em toda a sua plataforma.

    Disponível em

    Disponível em breve

            Experimente a demonstração ao vivo

            Perguntas frequentes

            O que é internacionalização (i18n)?

            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, permitindo uma adaptação eficiente e fácil do seu aplicativo a diferentes idiomas e regiões.Saiba mais sobre i18n

            Quais são os principais recursos do 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

            Existe um editor visual no Intlayer?

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

            Qual é o custo de usar o Intlayer?

            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 que é Intlayer?

            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

            Como o Intlayer se integra ao Next.js?

            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

            Como posso contribuir para o Intlayer?

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

            Quais plataformas o Intlayer suporta?

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