The best CMS for Remix

Remix and React Bricks: the perfect match

Remix is a relatively young React framework, but grounded on rock-solid principles and web standards. React Bricks is an innovative CMS designed for React and TypeScript, with inline visual editing.

Together, they offer a robust solution that benefits both developers and content editors..

Why React Bricks?

React Bricks is the first CMS built in React, designed for React and Remix with inline visual editing. It provides content editors with an exceptional editing experience, comparable to Wix or a word processor, while ensuring a superior developer experience and adherence to brand standards.

Working with React Bricks in Remix is like creating a custom Lego bricks set, as you create content blocks as React components with TypeScript, enhanced by the React Bricks' visual editing components.

Your content creators or marketing team will use these content bricks to compose pages, with all the freedom they need, but with no way to compromise the design system.

Getting started with Remix

Creating a Remix website, a Remix blog or Landing pages with React Bricks is a matter of minutes. All you need to do is launch a CLI command:

npx create-reactbricks-app@latest

And choose one of the 2 Remix starters:

• Website and Blog with Remix and Tailwind CSS
• Empty project with Remix

Why choose Remix?

Remix is the newest framework in the React ecosystem and has some great features that makes it the perfect fit for many projects. We fell in love with it as soon as it was released, due to its simple and powerful concepts.

• Remix is very fast, even on slow networks.
• Remix automatically handles errors, interruptions, and race conditions.
• The concepts of loader, action and the use of standard HTML forms submission are very clean.
• With nested routes and parallel data loading, Remix avoids request waterfalls and slow loading states.

Advantages of React Bricks compared to a Pure Headless CMS

1. Content editors save time with Inline Visual editing

React Bricks offers a true inline visual editing experience, like Elementor, but based on a performant React frontend. This feature allows content creators to be as productive as they would be using a word processor, without the risk of compromising the design system.

2. Developers save time - It's Just React!

React Bricks simplifies the development process by removing the necessity of switching between a headless CMS to create fields and the code to retrieve and display the data. You define fields directly within your React components.

Inline visual editing is powered by visual components such as Text, RichText, and Image within the components' JSX. Other properties, for example to change the background color, are mapped to sidebar controls. This approach is both straightforward and robust, ensuring that the corporate image cannot be compromised by content editors.

3. Empower the marketing team

Once bricks are created, no developer's time is required any more: content editors of the marketing team are autonomous composing pages.

4. No User Training Required

A headless CMS can be complex for the marketing team. React Bricks helps content editors feel comfortable from the start, so that users don't need any training.

Why React Bricks is the best CMS for Remix?

• React Bricks has a great developer experience, because you define the content blocks using React components with TypeScript.
• Developers save time by enabling content editors to work autonomously.
• The marketing team has a great interface with inline visual editing, so that they are immediately efficient (it's like Wix, but for corporates).
• The corporate image cannot be compromised, as editors have good constraints defined in code.
• React Bricks is enterprise-grade.
• It is batteries-included with: with Digital Assets Manager, Advanced SEO, Localization, Collaboration, Scheduled Publishing, Approval Workflow, Multiple Environments, Single Sign-On (SSO), Permissions, Scheduled Backup, ability to Self-host and more.