| CARVIEW |
Select Language
HTTP/2 301
age: 2
cache-control: public,max-age=0,must-revalidate
cache-status: "Netlify Edge"; fwd=miss
content-type: text/plain; charset=utf-8
date: Tue, 30 Dec 2025 10:28:58 GMT
location: https://egghead.io/playlists/build-an-eleventy-11ty-site-from-scratch-bfd3?af=2s65ms
server: Netlify
strict-transport-security: max-age=31536000
x-nf-request-id: 01KDQCVH0QMHNSKVYXVFSNPEV3
content-length: 99
HTTP/2 308
age: 0
cache-control: private, no-cache, no-store, max-age=0, must-revalidate
content-type: text/plain; charset=utf-8
date: Tue, 30 Dec 2025 10:28:58 GMT
location: /courses/build-an-eleventy-11ty-site-from-scratch-bfd3
refresh: 0;url=/courses/build-an-eleventy-11ty-site-from-scratch-bfd3
server: Vercel
strict-transport-security: max-age=63072000
x-matched-path: /playlists/[slug]
x-vercel-cache: MISS
x-vercel-id: bom1::iad1::gqmdr-1767090538166-41675cc22c50
content-length: 54
HTTP/2 200
age: 0
cache-control: public, max-age=0, must-revalidate
content-encoding: gzip
content-type: text/html; charset=utf-8
date: Tue, 30 Dec 2025 10:28:59 GMT
etag: W/"40axaa8l0u25pf"
server: Vercel
strict-transport-security: max-age=63072000
x-matched-path: /courses/[course]
x-powered-by: Next.js
x-vercel-cache: MISS
x-vercel-id: bom1::iad1::t6flh-1767090538418-28cd3ca5a477
Build An Eleventy (11ty) Site From Scratch | egghead.io 
free
Build An Eleventy (11ty) Site From Scratch
Instructor
Stephanie Eckles
19m
·5 lessons
4.5
166
people completed
Published 5 years ago
|Updated 3 years ago
Start from a blank project and build up to an Eleventy site that includes a blog collection and is prepared to source content from a headless CMS. You'll also learn how to add Sass as the styling solution, complete with triggering 11ty to re-compile when the Sass changes.
These lessons will help explain key 11ty features and concepts to help you make the most of this amazing static site generator.
By the last lesson, you'll have learned how to:
- define custom
inputandoutputdirectories - create a layout that accesses front matter variables
- watch for Sass changes and include CSS in the build proces
- create an 11ty collection using
tags - define front matter for an entire collection
- make and apply a filter to a collection
- generate pages from an external data source, such as a CMS or API
Free Community Resource
A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.
Free Community Resource
A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.
Course Content
19m • 5 lessons