Step 1: Create a Site or Install the Module

We recommend creating a Site from a Template to be able to fully follow our guides:

{% content-ref url="site-setup/create-site-from-template.md" %} create-site-from-template.md {% endcontent-ref %}

Alternatively you can install the SiteBuilder Module onto any existing Site:

{% content-ref url="site-setup/install-sitebuilder-module.md" %} install-sitebuilder-module.md {% endcontent-ref %}

Step 2: Setup CLI for Tailwind (optional)

{% hint style="info" %} CLI is primarily for developers, skip this if you don't need to customise the Tailwind CSS {% endhint %}

{% content-ref url="site-setup/set-up-tailwind-css.md" %} set-up-tailwind-css.md {% endcontent-ref %}

Creat & Edit Pages:

{% content-ref url="../../cms/pages/quickstart-pages.md" %} quickstart-pages.md {% endcontent-ref %}

Layouts are the main way to build out sites and functionality, they control the structure:

{% content-ref url="layouts/static-layouts.md" %} static-layouts.md {% endcontent-ref %}

{% content-ref url="layouts/installing-layouts.md" %} installing-layouts.md {% endcontent-ref %}

To edit the design and styling of the site you'll need to edit the Tailwind CSS:

{% content-ref url="styling/editing-tailwind-css.md" %} editing-tailwind-css.md {% endcontent-ref %}