Made in Builder

ร—

Developers

Product

Use Cases

Pricing

Developers

Resources

Company

Get StartedLogin

โ˜ฐ

Product

Features

Integrations

Talk to an Expert

Pricing

Blog

Home

Resources

Blog

Forum

Github

Login

Signup

ร—

Visual CMS

Drag-and-drop visual editor and headless CMS for any tech stack

Theme Studio for Shopify

Build and optimize your Shopify-hosted storefront, no coding required

Resources

Blog

Get StartedLogin

โ˜ฐ

Try Builder: CLI Quick Start

This quick start guides you through setting up a working app with Builder and Next.js or React using the Builder CLI. With the Builder CLI, you can quickly get a sample app up and running where you can play with Builder features.

Prerequisites

To get the most out of this quick start, you should have the following:

  • A Builder account. There's a free tier. ๐ŸŽ‰
  • Basic understanding of JavaScript and the command line
  • At least Node.js v12

Setting up a project

Enter the following command to initialize a Builder starter app.

npm init builder.io

If prompted to install create-builder.io, answer y.

Next, choose your framework. This determines what kind of starter app the CLI downloads for you.

At the prompt that asks for a project name, enter a name and confirm.

The next prompt notifies you that your browser will open to complete authentication. Enter y to confirm.

When your browser opens, Builder prompts you with a dialogue requesting you authorize create-builder access to your account. Click the Authorize button to continue.

When you click Authorize, Builder opens with a new demo page in your account. The demo page has sections you can experiment with to see some of Builder's features. You can preview, publish, or edit the page to see how Builder works.

Next steps

Now that you've tried out Builder, explore more features by integrating into your code base in the Developer Getting Started.

Was this article helpful?