How can I make the most out of Blutui Canvas?

When you navigate to the views folder, you'll encounter two primary sub-folders:

• templates: Contains:
  • default.html: The foundational template for your Blutui project.
  • 404.html: A template for handling "Page Not Found" errors.
• pages: Houses the index.html file, which is central to rendering your site's content.

This file forms the outermost structure of your Blutui project. It features essential sections like the head, where style definitions reside, and the body, where content gets placed. The most efficient way to build upon this file is by using inheritance, capitalising on the block tag.

Navigate to the views/pages/index.html file. At the top, you'll notice the code {% extends 'templates/default' %}. This code signifies that the content from index.html will be placed inside the default.html template. The index.html file utilises blocks, such as styles and body, which correspond to the blocks in default.html. This structure enables you to insert content precisely where you intend to.

In Blutui, the approach to development centers on creating reusable components. By doing so, developers can speed up their process, ensuring efficient and consistent design throughout.

Blutui compiles your site by placing content as per your declarations. It also processes code constructs such as conditional statements (if/ifelse/else) and loops (for loops).

To enhance your understanding of templating in Blutui, refer to the templating documentation.