How to Create a new Project
Video Guide
Prerequisites
Welcome to this guide on creating a new React Bricks project!
As outlined in the Getting Started documentation, you'll need just three things: a free React Bricks account, the ability to run a CLI command, and a couple of minutes.
Before starting, make sure you have Node.js installed, along with a terminal and code editor. We recommend Visual Studio Code: it's free, powerful, and includes a helpful React Bricks snippets extension that we'll explore in the next guide.
The CLI command
npm create reactbricks-app@latestyarn create reactbricks-apppnpm create reactbricks-app@latestStart by running the command for your preferred package manager (for example, with npm, use `npm create reactbricks-app@latest`):
Simply follow the CLI prompts to create the type of project you need with your chosen React framework. For this example, we use the "Website and blog with Tailwind CSS" starter and Next.js with App Router as our framework. We also choose to include some example pages generated by the CLI.
Once the CLI has finished setting up your project, take a look at the directory structure.
Ready to see your website? Run npm run dev. You can then browse the frontend website (typically at http://localhost:3000) and access the visual content editor through the /admin path.