Skip to content

Commit 3d49003

Browse files
authored
Merge pull request jamstack#891 from ReactBricks/main
Added React Bricks CMS
2 parents 7eb3a41 + 9896309 commit 3d49003

File tree

3 files changed

+74
-0
lines changed

3 files changed

+74
-0
lines changed

src/site/headless-cms/reactbricks.md

+74
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
---
2+
title: React Bricks
3+
homepage: https://reactbricks.com/
4+
twitter: ReactBricks
5+
opensource: "No"
6+
typeofcms: "Visual, API Driven"
7+
supportedgenerators:
8+
- Next.js
9+
- Gatsby
10+
- Remix
11+
description: CMS with inline Visual editing based on React components. Easy for editors, flexible for devs, enterprise-ready.
12+
images:
13+
- path: /img/cms/reactbricks-visual-editing.gif
14+
---
15+
16+
## What is React Bricks
17+
18+
[React Bricks](https://reactbricks.com) is the first CMS with true visual editing (inline, like Word or Pages) based on React components.
19+
Developers build visually editable content blocks as React components using the `react-bricks` library.
20+
Content editors have an easy to use interface with the freedom to create and no way to break the design system.
21+
22+
[See a 3 minutes video here!](https://www.youtube.com/watch?v=L4NGrMRTY3M)
23+
24+
### Get started
25+
26+
Getting started is as easy as launching a CLI command:
27+
28+
```bash
29+
npx create-reactbricks-app@latest
30+
```
31+
32+
We have a great [Step-by-step Tutorial with gamification](https://reactbricks.com/learn) to learn React Brick very quickly.
33+
34+
If you are not a developer, you can [Spin up a demo](https://reactbricks.com/live-demo) already hosted for you, to try the visual editing interface!
35+
36+
### Who is using it?
37+
38+
- Corporates like The Weather Channel, Casavo, Mediolanum Bank, Power, Woosmap;
39+
- Agencies like Neoskop, Mirahi, Belka, Cygnet;
40+
- Startups like Capbase or Everfund and over 7,000 users worldwide.
41+
42+
## For Developers
43+
44+
### It's just React
45+
46+
<img class="simple" src="/img/cms/reactbricks-code.gif" alt="React Bricks components code" />
47+
48+
Define visually editable content blocks as React components. In the JSX use React Bricks components like `Text`, `RichText`, `Image`, `Repeater` to add the Visual editing magic. Decide which rich text features you want to enable for each text and define custom render functions for each style. Add **sidebar controls** that map to your component's props to let the editors change properties like the background color, with only the options that you allow.
49+
50+
### Flexibility
51+
52+
Everything is beautifully typed in **TypeScript**. You can have infinitely **nested bricks** inside of bricks, reuse content across pages via Stories or Embeds, manage deploy hooks, **translations**, fine-grained permissions, get content from **external data sources** like Shopify, define **Entities with custom fields** and much more.
53+
54+
### Freedom
55+
56+
- You have the freedom to **choose the framework you prefer (Next.js, Remix, Gatsby)** and switch framework in 1 minute, without the need to rewrite a single line of code (bricks are cross-framework!).
57+
- You can use **any CSS framework** you like.
58+
- You can **host wherever you want**, without being bound to a specific deploy platform.
59+
- **The marketing team is autonomous**, no need for training. And they will never ask you which abstract entity they need to touch to change a page: everything is straightforward. If they can use Word or Pages, they can use React Bricks.
60+
61+
## For Content editors
62+
63+
React Bricks has the **best visual editing interface on the market**.
64+
It's not like others, where you click on the content and then write in a sidebar form or a popup: with React Bricdks you directly write the content as if you where in a word processor.
65+
66+
## For Designers
67+
68+
With React Bricks it's possible to create your **pixel-perfect design system** and be sure that nobody will break the design, because with bricks you can decide exactly what the editors will be able to touch, visually or via sidebar controls, with only the options or the colors that you allow and validation rules over content. **Your design is safe.**
69+
70+
## For corporates
71+
72+
- With React Bricks your team will be happy and **productive**.
73+
- You are choosing a solution which is **flexible and future-proof** without limiting your choice regarding the React framework or the hosting platform.
74+
- And it's **enterprise-ready** with Collaboration, Multi-language, Scheduled publishing, Image optimization and serving from a global CDN, fine-grained permissions, ability to lock content editing at block-level, ability to integrate content from external data sources, ability to go back in time to the state before each change by your users, self backup and restore, SSO, and much more!

src/site/img/cms/reactbricks-code.gif

2.87 MB
Loading
Loading

0 commit comments

Comments
 (0)