Running Your Project | Blutui Documentation

Now that you have scaffolded your Blutui project and understand the folder structure, you are ready to build your site. Depending on the starter canvas you chose during the courier create step, you will need to run:

npm install
npm run dev

to install all necessary dependencies and start the development server.

After which on a different terminal you can run:

courier dev

to start your development server on https://localhost:8080/.

Courier only tracks changes after you have run the development server and only tracks changes in the public and views directories. Any changes made outside these directories will not be included

Let's edit the index.canvas page and add the following code.

{% extends 'templates/default' %}

{% block body %}
    <h1>Hello blutui</h1>
    {{ canopy.blocks('main') }}
{% endblock %}

Reload your browser and you should see the heading on your page.

The canopy.blocks function renders a block area, a region of the page where content editors can add, edit, and arrange sections from the dashboard. You define the available sections as block templates in your project.

Learn more about Canopy Blocks.

Once you're happy with your changes, run

courier push

to push your changes.

Your project will be available on your staging site at https://[project-handel].blutui.com