React Bricks

什么是 React Bricks

React Bricks 是第一个基于 React 组件的真正视觉编辑（内联编辑，类似于 Word 或 Pages）的 CMS。
开发人员使用 react-bricks 库，将视觉可编辑的内容块作为 React 组件构建。内容编辑人员拥有一个易于使用的界面，可以自由创建内容，而且不会破坏设计系统。

在此处观看 3 分钟视频！

入门

入门就像启动 CLI 命令一样简单

npx create-reactbricks-app@latest

我们有一个很棒的分步教程，带有游戏化，可以非常快速地学习 React Bricks。

如果你不是开发人员，你可以启动一个为你托管的演示，来试用视觉编辑界面！

谁在使用它？

• 天气频道、Casavo、米兰银行、Power、Woosmap 等公司；
• Neoskop、Mirahi、Belka、Cygnet 等机构；
• Capbase 或 Everfund 等初创公司以及全球超过 7,000 名用户。

对于开发人员来说

它只是 React

将视觉可编辑内容块定义为 React 组件。在 JSX 中使用 React Bricks 组件，如 Text、RichText、Image、Repeater 来添加视觉编辑的魔法。决定要为每个文本启用哪些富文本功能，并为每种样式定义自定义渲染函数。添加映射到组件属性的侧边栏控件，让编辑人员可以更改诸如背景颜色之类的属性，但只能使用你允许的选项。

灵活性

一切都以TypeScript 精美地输入。你可以在模块内部无限嵌套模块，通过故事或嵌入在各个页面上重复使用内容，管理部署挂钩、翻译、细粒度权限，从外部数据源（如 Shopify）获取内容，定义具有自定义字段的实体等等。

自由度

• 你可以自由地选择你喜欢的框架（Next.js、Remix、Gatsby）并在 1 分钟内切换框架，而无需重新编写任何一行代码（模块是跨框架的！）。
• 你可以使用任何你喜欢的 CSS 框架。
• 你可以在任何你想要的地方托管，而无需受限于特定的部署平台。
• 营销团队自主完成工作，无需接受培训。他们不需要询问需要触及哪个抽象实体才能更改页面：所有操作都很简单。如果他们可以使用 Word 或 Pages，他们就可以使用 React Bricks。

针对内容编辑

React Bricks 拥有 市面上最出色的可视化编辑界面。
它与其他软件不同，在其他软件中，你需要单击内容，然后在侧边栏窗体或弹出窗口中输入内容：使用 React Bricks，你可以直接以类似于在文字处理器中编辑的方式来编写内容。

针对设计人员

使用 React Bricks 可以创建你的像素级完美设计系统，并确保不会破坏设计，因为你可以使用模块来准确决定编辑人员可视化或通过侧边栏控件进行触及的内容，还可以控制他们仅能触及你允许触及的选项或颜色，并可以对内容应用验证规则。你的设计将始终安全。

针对企业

• 使用 React Bricks，你的团队将获得保障，并且富有成效。
• 你正在选择一个灵活且经久耐用的解决方案，它不会限制你在 React 框架或托管平台方面进行选择。
• 此外，它具有企业级就绪能力（如协作、多语言、计划发布、图像优化、从全球 CDN 提供服务、细粒度权限、按模块锁定内容编辑功能、从外部数据源中集成内容的功能、由用户在每次更改前追溯到变更前状态的功能、自助备份和恢复、SSO 以及更多功能！