按组件的 i18n

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

    npx intlayer init

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

    适用于

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

    试用实时演示

    常见问题

    阅读所有常见问题