按组件的 i18n

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

    在组件旁边定义翻译以加快开发速度。保持你的包尽可能轻。通过CMS邀请编辑者。每一份贡献都值得肯定。

    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 测试并补全您的内容,确保所有译文都完整准确。

    为什么选择Intlayer?

    免费和开源

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

    基于JavaScript的内容管理

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

    类型安全环境

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

    组件级别的声明

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

    简化的设置

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

    集成CMS

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

    技术

    I18n 性能基准测试

    这个指标是什么?

    国际化库包的总 gzip 压缩大小。它仅包含 tree-shaking 和压缩(minification)后的提供者(provider)和内容检索逻辑。

    为什么这很重要?

    较小的库大小可减少初始 JavaScript 负载,从而缩短客户端的下载和执行时间。

    分析您网站的全球本地化评分

    免费快速评估您网站的本地化质量。分析您网站的主要多语言元素,以获得全面的评分和可行的见解,从而提高您的覆盖范围。

    基于代码的 i18n

    存在于代码库中的类型安全翻译。

    在 TypeScript 或 JavaScript 中与组件一起声明内容。Intlayer 自动生成类型,为您提供 自动完成、验证和即时反馈。不再有缺失的键、上下文切换或损坏的实现。

    AI CLI Tool

    从终端自动化翻译。

    用于利用 AI 审核、填充和翻译 JSON 与 Markdown 的 CLI。

    运行 `npx intlayer fill` 检测缺失的键,并使用 OpenAI、Claude 或本地模型生成翻译。保持 Git 历史整洁和类型安全。

    Intlayer TMS

    停止按字付费。使用AI自动化。

    Crowdin和Lokalise的开源及自托管替代方案。专为现代开发者工作流程而构建。

    直接在代码中或通过可视化编辑器管理翻译。利用AI即时翻译。与团队协作,无席位限制。

    无头 CMS

    将您的本地代码与远程内容连接。

    零开销管理多语言内容。Intlayer 允许您将本地字典与远程管理互连,启用 Live Sync 以进行无需重建的热更新。使用 Webhook 进行 CI/CD,管理功能标志。

    功能标志

    即时切换功能。无需部署。

    Intlayer 字典不仅仅是文本。使用它们来声明逻辑、样式和配置对象。通过 Live Sync,您可以直接从 CMS 实时开启或关闭功能、更改 UI 主题并更新应用行为。

    A/B测试

    您的产品实验演练场。

    成为第一批探索 Intlayer 新 AI 驱动 A/B 测试测试版的用户,该版本旨在提升可发现性并指导更明智的产品决策。从文案和设计到整个功能,实时测试任何内容,让数据告诉您什么真正有效。

    可用

    试用实时演示

    常见问题

    什么是国际化(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可以作为i18next、next-intl、vue-i18next等的包装器进行集成。这允许您自动化翻译,并使用Intlayer而不必重构现有代码。

    Intlayer是什么?

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

    Intlayer如何与Next.js集成?

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

    我如何为Intlayer做出贡献?

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

    Intlayer支持哪些平台?

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