轻松国际化您的网站React和Next.js

    Intlayer 是专为开发者设计的国际化和内容管理库。借助 TypeScript，使您的代码更具可扩展性和稳健性。通过将内容外部化简化编辑，并利用 AI 工具加速撰写。

    为什么选择Intlayer？

    免费和开源

    Intlayer是免费的开源软件，允许你免费使用并做出适合你需求的贡献。

    基于JavaScript的内容管理

    利用JavaScript的灵活性高效地定义和管理您的内容。

    类型安全环境

    利用TypeScript确保您所有的内容定义都是准确且没有错误的。

    组件级别的声明

    将翻译保留在各自组件附近，从而提高可维护性和清晰度。

    简化的设置

    快速启动并运行，配置最小，特别为Next.js项目进行了优化。

    集成CMS

    通过网站上集成的CMS直接编辑网站上的内容。依靠AI推动内容生成。

    代码库

    可视化编辑器

    多语言

    自动完成

    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
    在用演示机中免费试用。前往演示机

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

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

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

    借助 AI 驱动的内容建议，提高您的工作效率。输入文字时，可即时获得关于文本、标题和关键词的推荐，帮助您保持一致性、提高清晰度并加快整个项目的内容创建。

    使用 Markdown 编写内容，实现无缝且结构化的文本格式。通过利用 Markdown 的简洁性轻松创建和管理站点页面，在整个平台上保持一致性并提高可读性。

    可用

    即将可用

            试用实时演示

            常见问题

            什么是国际化（i18n）？

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

            Intlayer的主要特性是什么？

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

            Intlayer中有可视化编辑器吗？

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

            使用Intlayer的费用是多少？

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

            Intlayer是什么？

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

            Intlayer如何与Next.js集成？

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

            我如何为Intlayer做出贡献？

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

            Intlayer支持哪些平台？

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