Find your answers
Frequently Asked Questions
Find the answers to your questions and learn more about the React Bricks platform and the frontend library.
FAQ Sections
What is React Bricks
React Bricks serves as a "no-code" tool for content editors and a "code" tool for developers.
Our goal is to provide an optimal experience for everyone:
- Content Editors: Content Editors: point, click, edit. If you can use Word or Pages, you already know how to use React Bricks.
- Developers: it's plain React, offering you the complete power of coding!
- Designers: you can relax, as editors can't disrupt the design.
Your team requires a React developer to set up custom content blocks for your website that align with your corporate brand. This is because the content blocks are defined as React components in the code.
However, content editors do not need coding skills. They have access to a user-friendly point-and-click interface that offers a top-notch visual editing experience.
React Bricks is as both a headless CMS, where content is stored, and a React library used to create your content blocks. This dual functionality powers all our starter projects.
Unlike a traditional headless CMS, which doesn't define how content will be presented on the frontend and offers a decoupled editing interface, React Bricks' admin interface leverages the React Bricks library to allow true visual editing of content. This admin interface is hosted by you, along with the website.
The admin interface shows an exact representation of what will appear on the frontend. This architecture maintains all the benefits of a headless CMS, such as avoiding the hassle of setting up your server.
Visual tools usually lack flexibility, such as Wix, where you can't define your exact design system. Alternatively, they may be too flexible, like WebFlow, which allows users to alter the design by tweaking CSS properties.
React Bricks is a visual tool constrained by your code. Content editors can only edit what you allow them to: visual editing where there is a visual editing component in the JSX code, changing sidebar properties as defined by you in each brick’s schema.
This method gives content editors the right amount of freedom. It maintains your pixel-perfect design, while allowing editors to create pages using content blocks. This doesn't require any developer intervention, and it also ensures the safety of the design system.
Developers
To start using React Bricks you need a computer (Mac or Windows) with Node.js, Git and a code editor. You also need to have basic React and TypeScript knowledge.
The first steps are creating a free account and launching the CLI command from the shell (`npx create-reactbricks-app@latest`). Following the CLI instructions you will setup your first app and project folder.
We suggest that you:
- See our recorded demo
- Go through the Step-by-step Tutorial creating the code and answering the questions.
- Watch a video workshop
- Read the Full documentation
If you are on a free plan, you can join our Discord or Slack and ask your questions: we'll try answer as soon as possible and you will receive the support of our community.
If you are on a paid plan you can ask for support using our support email address, our phone number or a dedicated Slack channel, based on your support plan.
With React Bricks you can leverage the most performant React frameworks, like Next.js, Astro, Gatsby or Remix.
React Bricks doesn't add any performance overhead. It effectively splits the bundle between the frontend and admin, ensuring no admin interface code is included in your optimized frontend bundle.
Additionally, React Bricks supports React Server Components, enabling you to avoid unnecessary client hydration and achieve top performance scores.
React Bricks is designed for React and can be used with both TypeScript and JavaScript. It supports all major React frameworks including Next.js, Astro, Gatsby or Remix.
It also supports all primary build/cache strategies: SSG (Static Site Generation), SSR (Server-Side Rendering), and ISR (Incremental Static Regeneration).
Additionally, React Bricks supports Next.js with the App Router to leverage the performance gains of React Server Components.
React Bricks works with any CSS framework and with all the main CSS-in-JS frameworks.
Enterprise
Sure: visit the Customers page!
Feel free to ask us for referrals: we can put you in contact with current customers, so that you can check the advantages React Bricks is bringing them.
Yes, we support SSO for enterprise plans. Let's talk!
React Bricks is a SaaS, so usually data is stored on our databases and it is accessible using our APIs.
For particular enterprise needs, where you have to host the data on your servers for compliance reasons or fallback security, we can talk about it!
We are committed to protecting personal data and processing the minimum amount of data needed to perform our services. We are fully GDPR-compliant. Our API and database servers are hosted in Europe.
You can read our Privacy policy.
Our team of legal and IT experts will supply all the necessary information for your security and legal compliance. We adopt encryption both in transit and at rest. The servers for the API serving and database are housed in ISO 27001 certified data centers located within the EU. Read more about security and privacyRead more about Single Sign-On and the Backup Service