Latest news: React Bricks wins European CMS Idol 2025 🏆
Live Demo 🔥
React BricksReact Bricks logo
WhyWhy React BricksFeaturesFeaturesCustomersCustomersDevelopersDevelopersPricingPricingResourcesResources
Contact salesGet started
0
points
Tweet|90 points to prize
  • Welcome

    • What's React Bricks

    • Sign up
  • Create a React Bricks App

    • Set up with the CLI

    • Start me up

    • The admin interface

    • Edit content
  • Create your Bricks

    • Create a new brick

    • Visual edit Text

    • Rich Text

    • Link

    • Images

    • Sidebar controls

    • Sidebar controls (advanced)

    • File download
  • Nested bricks

    • A gallery of thumbnails
  • Deploy site

    • Create a Git repo

    • Deploy on Vercel

    • Deploy on Netlify
  • Content editors

    • Invite editors
  • Get prize
    Lessons
    • Welcome

      • What's React Bricks

      • Sign up
    • Create a React Bricks App

      • Set up with the CLI

      • Start me up

      • The admin interface

      • Edit content
    • Create your Bricks

      • Create a new brick

      • Visual edit Text

      • Rich Text

      • Link

      • Images

      • Sidebar controls

      • Sidebar controls (advanced)

      • File download
    • Nested bricks

      • A gallery of thumbnails
    • Deploy site

      • Create a Git repo

      • Deploy on Vercel

      • Deploy on Netlify
    • Content editors

      • Invite editors
    • Get prize
      0 points
      Tweet|90 points to prize

      Welcome to the React Bricks Tutorial

      Here you will learn how to master React Bricks through an engaging, self-paced tutorial.

      Prerequisites

      • Node.js - v18 or higher
      • A text editor (we recommend VS Code with our React Bricks snippets extension)
      • The terminal - To launch the React Bricks CLI and start the projects.

      The Game

      You'll gain points as you progress and answer questions after each lesson.
      Score 90 points or higher and you win a prize!

      Start now »
      If you'd like to restart the tutorial, you may
      Product
      • Why React Bricks
      • Features
      • Customers
      • Pricing
      • Blog
      • Login
      • Sign up
      Docs & Help
      • Documentation
      • Learn
      • Changelog
      • FAQ
      • Videos
      • Brand Guidelines
      • System status
      Use Cases
      • Use cases
      • Customers
      • React Bricks for Marketing teams
      • React Bricks for Developers
      • React Bricks for Enterprise
      • React Bricks for E-commerce
      • CMS for Next.js
      • CMS for Remix
      Comparisons
      • All comparisons
      • React Bricks vs Headless CMSs
      • Headless CMS vs Website Builder
      • React Bricks vs Webflow
      • React Bricks vs Builder.io
      • React Bricks vs Prismic
      • React Bricks vs Plasmic
      • React Bricks vs Tina CMS
      Get in touch
      • Contact sales
      • Request a demo
      • Become our partner
      • Email support
      • Discord server
      • Slack channel

      React Bricks icon
      © 2024 F2 .net engineering srl. All rights reserved.
      • Terms & Conditions
      • ·
      • Privacy
      • ·
      • Code of conduct