组件级i18n - 加速开发过程
类型安全。AI翻译。可视化编辑。
Intlayer为您的团队提供以开发者为先的国际化和内容管理工作流程,确保您的代码保持可维护性和可扩展性。它作为面向组件的CMS运作,并且完全开源。真诚感谢每一份贡献。
npm install intlayerIntlayer为您的团队提供以开发者为先的国际化和内容管理工作流程,确保您的代码保持可维护性和可扩展性。它作为面向组件的CMS运作,并且完全开源。真诚感谢每一份贡献。
npm install intlayerIntlayer是免费的开源软件,允许你免费使用并做出适合你需求的贡献。
利用JavaScript的灵活性高效地定义和管理您的内容。
利用TypeScript确保您所有的内容定义都是准确且没有错误的。
将翻译保留在各自组件附近,从而提高可维护性和清晰度。
快速启动并运行,配置最小,特别为Next.js项目进行了优化。
通过网站上集成的CMS直接编辑网站上的内容。依靠AI推动内容生成。
通过保持内容定义与组件紧密相关,提高代码的可维护性。减少冗余,提高清晰度,并通过结构化方法简化更新,使代码更易于管理和扩展。
使用 Intlayer 编译器即时提取您的内容。它将自动生成必要的字典文件,以在一秒钟内国际化您的应用程序。
利用免费的可视化编辑器轻松构建和管理您的网站。创建、编辑和组织组件和页面,而无需编写代码,使内容管理人员和开发人员的协作更加高效。
通过内置的翻译支持扩大您的覆盖面。使用直观的界面轻松翻译您的内容,为用户提供流畅的多语言体验,无需手动管理多个内容版本。
使用 Markdown 编写内容,实现无缝且结构化的文本格式。通过利用 Markdown 的简洁性轻松创建和管理站点页面,在整个平台上保持一致性并提高可读性。
成为第一批探索 Intlayer 新 AI 驱动 A/B 测试测试版的用户,该版本旨在提升可发现性并指导更明智的产品决策。从文案和设计到整个功能,实时测试任何内容,让数据告诉您什么真正有效。
// 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;// src/components/Component.tsxexport const Component = () => { return ( <div> <h2>Intlayer Compiler</h2> <p> The Intlayer Compiler extract automatically the content from the components and generate the dictionary files. </p> </div> );};The Intlayer Compiler extract automatically the content from the components and generate the dictionary files.