Setup with the CLI: Ready in 1'15"

Choose your Starter Project

React Bricks allows you to create your own content blocks as React components, to reflect your corporate identity and design system.

For your convenience, we have prepared several ready-to-go projects with premade content blocks that use Tailwind CSS, which you can use as references.

You can scaffold the following projects with our CLI:

• Website and Blog with Tailwind: This includes over 50 open-source content blocks created with TypeScript and Tailwind CSS. All the content blocks are responsive and compatible with dark mode.
• Empty Project: This project includes a few pages and example blocks, with no CSS framework installed by default. React Bricks works with any CSS framework and CSS-in-JS.

Choose your React framework (Next.js, Remix or Gatsby)

React Bricks loves all the frameworks. From the CLI you can scaffold projects with Next.js, Remix or Gatsby.

Next.js

A very flexible framework with ability to use static generation (SSG), server side rendering (SSR) or incremental static regeneration (ISR). React Bricks supports also the new App Router with React Server Components.

Remix

The newest framework. The good idea behind the framework is that SSR is great, paired with good old HTTP caching and the ability to execute functions at the edge. And they have very clean methods for data loading, mutation and error handling.

Gatsby

A great static generation framework, especially for agencies coming from headless Wordpress. The documentation is great and it has many available plugins.

Projects you can create

With the CLI you can scaffold the following projects:

• Website and Blog with Next.js and Tailwind with App Router
• Website with Next.js and any CSS with App Router
• Website and Blog with Next.js and Tailwind with Pages Router
• Website with Next.js and any CSS with Pages Router
• Website and Blog with Remix and Tailwind
• Website with Remix and any CSS
• Website and Blog with Gatsby and Tailwind
• Website with Gatsby and any CSS