Setup with the CLI: Ready in 58"
Developers love the CLI because it is fast. You can scaffold a complete visually editable Next.js or Astro website in about a minute.
CLI and starter projects in React Bricks
What it is: The React Bricks CLI scaffolds a working visual CMS project with starter code, configuration, and example bricks.
How React Bricks handles it: Developers can create Next.js or Astro projects from the command line and start from either a richer website starter or a minimal empty project.
Why it matters: Teams can evaluate and start building with React Bricks quickly, while keeping the generated code in their own repository.
Choose your starter project
React Bricks lets you create your own content blocks as React components, so your project can reflect your design system and brand rules from the start.
To help you move faster, the CLI includes ready-to-use starter projects with prebuilt bricks that you can use as a foundation or as reference implementations.
You can scaffold the following projects with our CLI:
- Website and blog with Tailwind: includes a large set of open-source bricks built with TypeScript and Tailwind CSS, ready for real-world marketing websites.
- Empty project: includes a small starting structure and a few example bricks, with no CSS framework installed by default. React Bricks works with any CSS framework and CSS-in-JS.
Choose your framework: Next.js or Astro
From the CLI, you can scaffold projects for the React Bricks frameworks we currently support most directly: Next.js and Astro.
Next.js
A flexible framework that supports static generation, server-side rendering, and incremental static regeneration. React Bricks also supports the App Router with React Server Components.
Discover more about React Bricks with Next.js
Astro
A great choice for high-performance websites, whether you want static output or server rendering, with Astro's islands architecture.
Projects you can scaffold today
With the CLI, you can scaffold projects such as:
- Website and Blog with Next.js and Tailwind (App Router)
- Empty Project with Next.js (App Router)
- Website and Blog with Astro and Tailwind
- Empty Project with Astro
- Website and Blog with Next.js and Tailwind (Pages Router)
- Empty Project with Next.js (Pages Router)