Tutorials
The shortest path from an empty folder to a working Baseline site. One tutorial, read in order, ending with a site in two languages and a closing page pointing at what comes after.
What it builds is the plainest site there is: a homepage, a page beside it, and one post. That is on purpose. It is a shape you already recognise, so no page here has to spend words explaining what the example site is meant to be.
This is the tutorial the feature guides build on.
What you will build
A homepage, a page at /about/, and a first post at /posts/hello-world/.
Baseline wired with default options: sitemap on, navigator on in dev and off in production, and multilingual off until the last stretch turns it on.
A small stylesheet flowing through Baseline's assets pipeline, and an auto-generated sitemap.xml next to it.
A Dutch version of the homepage, with hreflang and a sitemap per language.
Prerequisites
- Node 22 or newer.
- npm.
- A terminal.
The pages run in order and each one continues the site the last one left. Features are covered in the feature guides chapter.
The completed tutorial site (with how-to chapters) is available on GitHub. Please note that the repo might be stale.
In this chapter
- Create the project
- Lay out the folders
- Wire in Baseline
- Front matter and slugs
- Writing pages
- Posts and collections
- Add a layout and a stylesheet
- Run it, then build it
- Build a multilingual site
- Where to go next
Prefer a checklist? See the quickstart.