The best Visual headless CMS for Digital Agencies
React Bricks was developed by a digital agency aiming to transition from headless WordPress to a modern headless CMS, while also providing an optimal editing experience for customers.
Our goal was to create a platform as user-friendly as Wix, but specifically designed for corporate use. The concept originated from an article written in January 2020 by our CEO, Matteo Frana, titled “The shape of the CMS to come”, which is available on Dev.to. This article inspired the development of an MVP, which has since evolved into a product serving over 10,000 users worldwide. Corporations such as Deel, The Weather Channel, Banca Mediolanum, and La Banque Postale successfully use React Bricks for their websites.
What does a digital agency need in a CMS?
Let's discuss the main requirements that a digital agency may have for a content management system (CMS).
1. Solve a problem for customers
Primarily, a digital agency needs to pick an effective solution for its customers. You can learn about the advantages for your customer's marketing team, and depending on your customer type, you can also read about the benefits for corporate / enterprise, startups and e-commerce sites.
2. Leverage existing knowledge
A digital agency, of course, needs a CMS that integrates well with their preferred technology and frameworks. For example, if the frontend uses React with Next.js, a CMS compatible with Next.js is required. Utilizing the latest frontend technology can decrease development time, enhance performance, and potentially improve search engine rankings.
3. Make customers autonomous
Your customer's marketing team requires a user-friendly content management solution to gain independence. This allows you to focus on core development, rather than constantly adding fields to a headless CMS every time they need to insert a new paragraph.
Content editors usually struggle to deal with the tables and relationships typically found in a headless CMS. They should be able to compose page content as easily as they would in a word processor. Based on our experience, direct inline visual editing provides the most efficient user experience for this purpose.
4. Preserve the brand identity
When empowering customers, we need to ensure that their content editors cannot compromise the carefully crafted design system and, consequently, the brand identity. Therefore, it's essential to provide the content/marketing team with certain constraints to maintain adherence to the corporate image.
5. Deliver Performance (speed and SEO)
Customers rightfully expect a high-performing website. This not only includes fast page speed metrics, but also strong performance from an SEO perspective.
6. Integration with the external data
You often need to integrate data from legacy APIs or an existing headless CMS into a new CMS. This is especially true in e-commerce systems, where product data must be retrieved from e-commerce APIs. This data is then merged with information from the CMS to create content for the Product Details Pages (PDP).
7. Excellent support and Partnership with the CMS vendor
It's important that the CMS vendor is consistently available to assist you, both during the sales process and when developing solutions for your customers.
Why React Bricks
React Bricks effectively fulfills all the outlined requirements.
It's just React, with Next.js, Remix or Gatsby
Content blocks in React Bricks are simply React components defined in code. Developers can specify editable elements like text or images using Visual components such as Text, RichText, Image, and Repeater in the component's JSX.
Learn more about the Advantages for Developers »
React Bricks is compatible with the leading React frameworks: Next.js, Remix, and Gatsby. For Next.js, React Bricks also supports React Server components with the new App Router. It provides effective types everywhere and autocomplete in your IDE for a smooth development experience.
Learn more about supported frameworks »
Inline Visual Editing
React Bricks provides a top-notch visual editing interface for a headless CMS in React. It requires no training, as the point-and-click interface is intuitive to content editors. This feature enables your customers to independently compose pages.
Learn more about Visual Editing »
Brand identity
With React Bricks, developers create each content block in code. A content block, also known as a “brick”, is a React component enhanced with visual editing. This prevents content editors from compromising the design, as they are guided by good constraints while composing the pages.
Performance
React Bricks allows you to achieve optimal performance with modern frameworks like Next.js and Remix. With Next.js and Server Components, you gain the added benefit of avoiding client hydration for content blocks that don't require client interactivity.
As for SEO, React Bricks has an advanced SEO module to manage Meta data, Open Graph, Twitter Cards, and Schema.org semantic data. Its user-friendly interface simplifies the process and serves as a helpful guide for your marketing team or SEO experts. This helps them input all the necessary data to achieve outstanding ranking results on search engines.
Learn more about Advanced SEO »
External data integration
React Bricks can integrate with any external API. It has the capability to fetch external data at either the page or brick (content block) level. This feature enables editors to use bricks that retrieve some data from headless commerce APIs.
Learn more about external API integration »
Support
We provide our partner agencies with high-priority support during each implementation phase to ensure that every launch is a success. We also organize quarterly technical trainings to update partners on all the latest features and to share our future plans.
Let's grow together with the Partner Program
Explore our Partner Program to discover how we can grow together. We are committed to the success of all our partners.