Learn how to build leaner, faster, more resilient websites with Hugo.

If you’ve ever felt frustrated or overwhelmed with modern front-end web development, then you’re in the right place.

Building websites doesn’t have to be complicated.

Practical Hugo will teach you how to simplify your workflow by using Hugo to build content-based websites. No complex tooling or dependency hell. Just the world’s fastest static site generator along with HTML, CSS and a pinch of JavaScript.

Throughout the course you’ll learn how to use progressive enhancement and modern techniques to build lightweight, resilient websites that are fun to make, easy to maintain and cost effective to run.

Launching soon. Sign up for early access.

Curriculum

Module 0 3 Lessons

Before we begin

Everything you need to know before we get started.

  • Introduction
  • What is Hugo?
  • What you’ll need
Module 1 10 Lessons

Up and running

The basics of building websites with Hugo.

  • Installing Hugo
  • Creating a new site
  • Templating and the homepage
  • Running the web server
  • Markdown and frontmatter
  • Creating pages
  • Base templates and blocks
  • Working with partial templates
  • Styling basics
  • Generating the site
Module 2 8 Lessons

Building a starter theme

Organise your layouts and speed up the development process.

  • Intro to theming
  • Creating a new theme
  • Sections and lists
  • Building a menu
  • Optimising for performance and search
  • Creating an assets pipeline
  • A headless homepage
  • Adding a 404 page
Module 3 8 Lessons

Working with data

Construct pages from front matter data, use data files and work with external data sources.

  • Building pages from front matter
  • Using data files for structed data
  • Working with external data sources
Curriculum still in development, sample lesson coming soon.