React Bricks is the first CMS built in React, for React and Next.js which true visual editing. You can provide to your content editors a great editing experience like that of Wix or Elementor, but with a great developer experience, too.
Using React Bricks CLI you can choose one of the 4 Next.js starters:
Next.js is a great framework to develop React apps and websites with great performance and SEO optimization.
Next.js in fact has the ability to use SSR (Server-Side Rendering), SSG (Static Site Generation) or ISR (Incremental Static Regeneration, which is unique to Next.js).
Here I will explain quickly what all these acronyms mean and what I suggest for the common use cases. If you want to learn the tradeoffs in depth, you may also read my article Server Side Rendering vs Static Site Generation vs Incremental Static Regeneration.
SSR is great when you need SEO and you want to be sure that the user has always the latest version of a page, even if it means a higher load on the server (because Node.js needs to render the pages server side, instead of just returning a static page).
Static site generation may sound like a thing from 1998: the server returns a static HTML version of your website, generated at build time.
Static site generation is great anytime you don't have a very big number of pages (because that could make the build time too long) and your content doesn't change very frequently (because otherwise you need to rebuild very frequently).
Incremental Static Regeneration is a way to have the advantages of both SSR and SSG avoiding the pitfalls of both.
With ISR, every time a page is visited, it is rendered server-side (SSR), but then it is cached as a static page, so that the next visit will receive it much more quickly and with no server load. You can specify a stale time so that, after the stale time, to the next user is returned the static page, but meanwhile the page is renewed via SSR.
In this way you can have many pages, because you don't have the long static generation at build time, but, most of the times (for the most visited pages), the page is served very quickly as a static page.
React Bricks has four different starters based on Next.js (with or without Tailwind, with or without internationalization). The starters with internationalization leverage the i18n routing of Next.js. All the starters use the latest Next.js 11.
React Bricks is great for developers, because you define the content blocks using React components. Each content block React component has also a "schema" static property that defines how props like the background color are edited via sidebar controls, validation rules etc.
In the JSX you can use the React Bricks library visual editing components, like Text, RichText, Image, Repeater, to have a visual editing experience like the one you can have with Wix, but with your own design system (so that you make your customers or marketing team happy, too).
Be the first to discover our latest news. No spam, promise.