You're using the slow version of egghead. Click here to try the faster version! ⚡️

Getting Started with Eleventy

ClockIcon7m
11ty11ty
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
3.7
Khaled Garbaya

Khaled Garbaya

Software developer and active open sorcerer. He speaks multiple languages and is often overheard saying "Bonjour" in HTML.

Eleventy, or 11ty, is a simple yet very powerful static site generator. It does not require any config to get started.

This what it will take you to get an 11ty project running.

npm install -g @11ty/eleventy
echo '# Page header' > README.md
eleventy

After watching this collection you will be able to:

  • Bootstrap a simple 11ty website
  • Use 11ty layouts
  • Chaining multiple 11ty layouts
  • Use 11ty Collections
  • Create pages from data

...and much more

Khaled Garbaya

Khaled Garbaya

Software developer and active open sorcerer. He speaks multiple languages and is often overheard saying "Bonjour" in HTML.