Basic tutorial part 1: creating a Bedrock prototype

The lowdown

This tutorial lets you jump into Bedrock quickly.

We are going to assume you have some knowledge about modern web development, including working with Git, HTML and SCSS.

One part that might be a bit more exotic about working with Bedrock is the usage of the Pug templating language.

If this is new to you, see working with Pug.


Getting Bedrock

We recommend cloning the repository using the degit project. This allows you to clone a repository without the Bedrock Git repository itself (since you won’t be working on Bedrock, but on your own project).

First, install degit:

npm install -g degit

(You might have to use sudo)

Then navigate to the folder you store your web projects and run

degit usebedrock/bedrock my-first-bedrock-project

Now navigate into the directory you just copied:

cd my-first-bedrock-project

Next, install the project’s node modules:

npm install

(We follow the Node LTS (Long term stable release. Take a look at Bedrock’s requirements)

After installing the node modules, run the following:

npm start

This starts a development server and opens your default browser at http://localhost:3000.

Please keep this server running while working on a Bedrock project.

Congratulations, you got Bedrock up and running!

Next steps

To learn more, please follow our tutorial “creating a web app prototype in Bedrock”.