Quick start
Get React Bricks running in 4 minutes, with Next.js or Astro.
Requirements: Node.js 22 or later.
1. Create an account🕒 1 min
Create a free React Bricks account.
Sign up for free2. Create your first project🕒 2 min
Create a Next.js or Astro project using the CLI.
pnpm create reactbricks-app@latestnpm create reactbricks-app@latestyarn create reactbricks-appThe CLI will run you through:
- logging into your account
- choosing a project name
- selecting a starter template
- selecting the React framework (Next.js or Astro)
In a couple of minutes your project will be ready to run.
3. Run the project🕒 1 min
Start the development server.
cd your-project-folder
pnpm devcd your-project-folder
npm run devcd your-project-folder
yarn dev- Next.js →
http://localhost:3000. - Astro →
http://localhost:4321.
🎉 You're running React Bricks!
You can now start editing visually.
Open the visual editor at /admin.
From there you can visually edit your pages, composing content with reusable bricks (React components).
To understand how bricks work, and open your favorite code editor to explore the code.
👉 If you're using VS Code, install the React Bricks Snippets extension.
Continue learning
Next steps to learn React Bricks and create your first brick. Go to our learn section or click directly on a link below: