Hello, World!

#zola #tailwind #getting-started

Welcome! This is the first demo post generated by the Zola + Tailwind CSS boilerplate.

What is Zola?

Zola is a fast static site generator written in Rust. It uses the Tera template engine and compiles your Markdown content into a static website with zero JavaScript required. Single binary, no npm, no build pipelines.

What is Tailwind CSS?

Tailwind CSS is a utility-first CSS framework. With version 4, setup is even simpler — import tailwindcss in your CSS file and write utility classes directly in your HTML. The CLI scans your templates and generates only the CSS you actually use.

What does this boilerplate give you?

Out of the box you get:

  • A clean, responsive layout with a navbar and footer
  • A blog section with pagination and tag filtering
  • Prose styles for nicely formatted Markdown content
  • Syntax highlighting with the catppuccin-mocha theme
  • A fully Dockerised dev environment — no local Rust or Node.js required

Syntax Highlighting

Zola has built-in syntax highlighting for code blocks:

fn main() {
    println!("Hello, Zola!");
}
const greet = name => `Hello, ${name}!`;
console.log(greet('Tailwind'));

Next Steps

  • Edit zola.toml to set your site's base_url, title, and description.
  • Replace this post with your own content in content/blog/.
  • Customise the layout in templates/base.html.
  • Add new Tailwind utilities or component styles in css/tailwind.css.

Happy building!