Tutorials
Step-by-step lessons that build a working Quilium site, by hand or with an AI agent.
Grow the quickstart
Extend the quickstart site one feature at a time: a collection, a blog, a contact form, a second language.
Turn the work list into a collectionTake the project list you already have on the quickstart onepager and promote it into a real collection, with a page per project. Add pages and publishTurn the onepager into a small multipage site, wire the navigation, and put it online.
AI path
Ten lessons where an AI agent turns a prototype into a complete Quilium site, from setup to production.
Connect your agent and get the materialStart the AI path: an empty site, an agent connected to it, and the prototype you are going to turn into a real Quilium site. The architecture passLet the agent read the prototype, propose the model, and write it once you have approved — the types, the page tree and the routes. The layout and the home pagePort the prototype's chrome into a Liquid layout, then build the first page — a home that is an index of the articles collection. A static pageBuild the review's manifesto page, and see how much of it is already done — because a page is an assembly of blocks, not a new template. A collection with its own pagesGive every article an address and a page, and build the section feeds that filter the same collection four different ways. A collection without a routeBuild the contributors — a collection that deliberately has no page of its own, rendered in two places through one query and one hydration. A form that persistsBuild the subscription page — server-side validation, a collection that receives the submissions, and a redirect to a confirmation page. The content kitBuild the page that shows every block the site can render, so editors and agents both stop guessing. The site's AI instructionsWrite the rules that every future agent session inherits — the conventions, the tone, and the traps specific to this site. Add a second languageTurn a finished English site into a bilingual one — the dictionary, the translated content, the locale-aware URLs, and a language switcher the agent designs from the design system.