按组件的 i18n

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

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

    npm install intlayer

    适用于

    // 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推动内容生成。

    技术

    动态 JSON 加载

    在运行时懒加载翻译

    有作用域的 JSON (命名空间)

    每页翻译命名空间

    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 测试测试版的用户,该版本旨在提升可发现性并指导更明智的产品决策。从文案和设计到整个功能,实时测试任何内容,让数据告诉您什么真正有效。

    可用

    试用实时演示

    由社区构建

    认识让Intlayer成为可能的了不起的贡献者

    常见问题

    什么是国际化(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框架和服务器端环境的无缝集成。了解更多关于所支持的平台的信息
    阅读所有常见问题