Skip to content

You are on the latest version of the Learn Eleventy course. If you're looking for the previous version, you can view the legacy course content here.

/ Press "/" to activate search

Light

Dark

System

Navigation

Main

Learn Eleventy
Search

Links

Learn Eleventy GitHub
Eleventy Discord
Eleventy Documentation

Module 1: Introduction and basics

Lesson 1: Introduction
Lesson 2: Hello world
Lesson 3: Nunjucks basics
Lesson 4: Front matter basics
Lesson 5: Passthrough copy basics
Lesson 6: Partials basics

Lesson 7: Data basics
Lesson 8: Creating our first collection
Lesson 9: Adding remote data
Lesson 10: Home page complete and recap
Lesson 11: Blog feeds, tags and pagination
Lesson 12: Blog post view, directory data and filters
Lesson 13: Recommended content
Lesson 14: Adding our about page
Lesson 15: Adding our work landing page
Lesson 16: Creating a work item page

Lesson 17: Meta info, RSS feeds and module recap

Module 2: Asset pipeline and post-processing

Lesson 18: Setting up Sass
Lesson 19: Setting up fonts
Lesson 20: Setting up images
Lesson 21: Adding minification

Module 3: Styling and finishing touches

Lesson 22: Global CSS and design tokens
Lesson 23: Styling global blocks
Lesson 24: Styling the skip link
Lesson 25: Home page intro
Lesson 26: Home page panels
Lesson 27: Styling the blog
Lesson 28: Styling the about page
Lesson 29: Add a contact page
Lesson 30: Styling the work section
Lesson 31: Wrapping Up

Search