刚刚发布 v9.6.0

    智能 i18n

    类型安全。AI翻译。可视化编辑。

    npx intlayer init

    在代码库中任意位置定义翻译，加快开发速度。保持你的包尽可能轻。

    支持项目开始

    适用于

    // 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>  );};
    在 playground 中免费试用。前往演示场
    intlayer test
    $ npx intlayer test
    ~/Desktop/MyApp

    通过保持内容定义与组件紧密相关，提高代码的可维护性。减少冗余，提高清晰度，并通过结构化方法简化更新，使代码更易于管理和扩展。

    使用 Intlayer 编译器即时提取您的内容。它将自动生成必要的字典文件，以在一秒钟内国际化您的应用程序。

    利用免费的可视化编辑器轻松构建和管理您的网站。创建、编辑和组织组件和页面，而无需编写代码，使内容管理人员和开发人员的协作更加高效。

    通过内置的翻译支持扩大您的覆盖面。使用直观的界面轻松翻译您的内容，为用户提供流畅的多语言体验，无需手动管理多个内容版本。

    使用 Intlayer CLI 配合 AI 测试并补全您的内容，确保所有译文都完整准确。

    常见问题

    国际化（i18n）是设计和开发像 Next.js、React 或 Express 等应用程序以轻松支持多语言的过程。这使得您能够通过简化翻译过程来创建多语种网站。像 TypeScript 这样的工具使得实现 i18n 更加容易，并允许您的应用程序高效且轻松地适应不同的语言和地区。了解更多关于i18n的信息

    Intlayer是一个允许您管理多语言网站的包。它提供了一系列工具和实用程序，使您可以轻松地为多语言内容和本地化设置您的网站。了解更多关于Intlayer的信息

    Intlayer简化了配置管理，并使各种类型的JavaScript应用程序（包括服务器组件）能够实现国际化。它允许内容在组件旁边直接声明，从而改善代码库的可维护性。此外，Intlayer利用TypeScript防止缺失声明。最后，Intlayer提供了一个可视化编辑器，使非开发人员能够编辑网站内容，使用AI自动翻译并优化应用程序的SEO。了解更多关于Intlayer功能的信息

    Intlayer与Next.js集成以启用服务器端渲染和静态站点生成，从而使多语言内容交付更有效。了解更多关于Next.js集成的信息

    是的，Intlayer提供了一个可选的可视化编辑器，可轻松管理内容，而无需深入代码。了解更多关于可视化编辑器的信息

    您可以通过提交拉取请求或在GitHub存储库中报告问题来贡献。了解更多关于如何贡献的信息

    Intlayer集成了一系列免费的NPM软件包以及一个可视化编辑器。此外，它还提供了一个CMS来外部化内容。此CMS可免费使用，但对于Premium和Enterprise计划的用户，包含额外功能。了解更多有关Intlayer计划的信息

    Intlayer适用于React（包括Create React App）、Vite与React、Next.js、Tanstack Start、Vue、Nuxt、Express、NestJS、Preact等。这确保了与现代JavaScript框架和服务器端环境的无缝集成。了解更多关于所支持的平台的信息

    是的，Intlayer可以作为i18next、next-intl、vue-i18next等的包装器进行集成。这允许您自动化翻译，并使用Intlayer而不必重构现有代码。

    阅读所有常见问题