Skip to navigation Skip to main content

Eleventy, 2024 in Review

Stable: 3.0.0
Beta: 3.1.0-beta.1

Tutorials

For folks just starting out, here are some introductions to Eleventy:

Screenshot of https://www.youtube.com/watch?v=BKdQEXqfFA0

Build an 11ty Site in 3 Minutes (2021) ⏱ 3m

Screenshot of https://www.learnwithjason.dev/lets-learn-eleventy

Let’s Learn Eleventy! on Learn with Jason (2020) ⏱ 1h32m

Screenshot of https://www.youtube.com/watch?v=rZyNBd1WgVM

Templating: Eleventy’s Superpower (2021) ⏱ 15m

Screenshot of https://learneleventyfromscratch.com/

Learn Eleventy from Scratch (2020)

Screenshot of https://tatianamac.com/posts/beginner-eleventy-tutorial-parti/

Beginner’s Guide to Eleventy (2020)

Screenshot of https://sia.codes/posts/itsiest-bitsiest-eleventy-tutorial/

Itsiest, Bitsiest Eleventy Tutorial (2021)

Screenshot of https://www.zachleat.com/web/eleventy-tutorial-level-1/

Making a simple web site with the simplest static site generator (2018)

And for folks wanting to start building a blog:

Screenshot of https://github.com/11ty/eleventy-base-blog

Official Starter: eleventy-base-blog

Screenshot of https://www.youtube.com/watch?v=kzf9A9tkkl4

6 Minutes to Build a Blog from Scratch with Eleventy (2023) ⏱ 6m

Screenshot of https://www.filamentgroup.com/lab/build-a-blog/

Build your own Blog from Scratch using Eleventy (2018)

Screenshot of https://www.youtube.com/watch?v=4wD00RT6d-g

Turn static HTML/CSS into a blog with CMS using the JAMStack (2021) ⏱ 1h23m

And a few conversion walkthroughs:

Screenshot of https://24ways.org/2018/turn-jekyll-up-to-eleventy/

Turn Jekyll up to Eleventy (2018)

Screenshot of https://stedman.dev/2020/04/29/make-the-jump-from-jekyll-to-javascript/

Making the Jump from Jekyll to JavaScript (2020)

And a grab bag of content:

Screenshot of https://css-tricks.com/a-site-for-front-end-development-conferences-built-with-11ty-on-netlify/

A Site for Front-End Development Conferences (Built with 11ty on Netlify) (2019)

Screenshot of https://www.sitepoint.com/getting-started-with-eleventy/

Eleventy Guide: A Framework-Agnostic Static Site Generator (2020)

Screenshot of https://www.youtube.com/playlist?list=PLOSLUtJ_J3rrJ1R1qEf8CCEpV3GgbJGNr

Video Series: Create an 11ty Theme from a free set of HTML templates (2019)

Screenshot of https://rphunt.github.io/eleventy-walkthrough/

Eleventy Walk Through (2020)

Screenshot of https://keepinguptodate.com/pages/2019/06/creating-blog-with-eleventy/

Creating a Blog with Eleventy (2019)

Screenshot of https://shivjm.blog/colophon/how-i-create-an-article-series-in-eleventy/

How I Create an Article Series in Eleventy (2021)

Screenshot of https://5balloons.info/guide-tailwindcss-eleventy-static-site/

Detailed Guide to build an 11ty / eleventy & Tailwind CSS static site (2022)

Put it on the web

Put your new site on the web! Read more about Deployment

Official Quick Tips

There are currently ×12 quick tips in our catalog.

Subscribe to the Eleventy Quick Tips RSS Feed

From the Community

Adding Features

Create Your Own Search without a Third Party Service by Phil Hawksworth
Lightweight lazy loading with Netlify Large Media by Phil Hawksworth
Multilingual sites with Eleventy (i18n, Internationalization) by Jérôme Coupé
Language switcher for multilingual Jamstack sites (i18n, Internationalization) by Jérôme Coupé
Adding Algolia Search to Eleventy and Netlify by Raymond Camden. (Also see part two)
Eleventy and Cloudinary images (Setting up responsive images in Eleventy using Cloudinary) by Sia Karamalegos
Supporting Multiple Authors in an Eleventy Blog by Raymond Camden. (Also see part two)
Accessing Eleventy Data on the Client Side by Raymond Camden
Adding an Email Subscription to Your Jamstack Site by Raymond Camden
Dynamic Short URLs with Eleventy by Raymond Camden

Using Third Party Data

Sample Project: Import your Notist events to an Eleventy site by Phil Hawksworth
Sample Project: Import your Medium posts to an Eleventy site by Phil Hawksworth
Import your Disqus Comments into Eleventy by Zach Leatherman
Static Indieweb pt1: Syndicating Content by Max Böck
Static Indieweb pt2: Using Webmentions by Max Böck
An In-Depth Tutorial of Webmentions + Eleventy by Sia Karamalegos
Using Eleventy to Generate a Ghost Blog by David Darnes
Consuming a headless CMS GraphQL API with Eleventy by Jérôme Coupé
Import Tweets from Twitter API by Dennis Hagemeier
Convert a WordPress blog to Eleventy by Josh Cunningham
Integrating Contentful with Eleventy to create static sites by Shy Ruparel
Creating an 11ty Photo Gallery with Contentful and GitHub actions by Shy Ruparel
Adding Google Calendar to your JAMStack by Raymond Camden
Integrating Google Analytics with Eleventy by Raymond Camden
Hooking Up FaunaDB to Eleventy by Raymond Camden
Building a Database Driven Eleventy Site by Raymond Camden
Integrating Eleventy with GitHub Flat Data by Raymond Camden

Other pages in Introduction