Running Your Project | Blutui Developers

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>
    {{ cms_text('text-tag', { value: 'Editable text content.' }) }}
{% endblock %}

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

The cms_text function is a Canopy element, which are editable pieces of content on your site. These are defined by developers in code and can be edited by content editors on the dashboard.

Learn more about cms-text.

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