Eleventy Documentation

This is an older version of Eleventy. Full release history. Go to the newest Eleventy docs. You could try /docs/tutorials/ although it may not exist.

Tutorials #

See all Eleventy blog posts on zachleat.com.

Making a Simple Web Site with the Simplest Static Site Generator #

Introduction #

Turn Jekyll up to Eleventy, a guide to converting a Jekyll site to use Eleventy byPaul Robert Lloyd
Build your own Blog from Scratch using Eleventy on theFilament Group blog
A Site for Front-End Development Conferences (Built with 11ty on Netlify) onCSS-Tricks
Video Series: Create an 11ty Theme from a free set of HTML templates byBryan Robinson
Creating A Blog With Eleventy byJon Keeping

Put it on the web #

Create a new site from git on Netlify
Deploying an 11ty Site to GitHub Pages byJonathan Snook

Adding Features #

Create Your Own Search without a Third Party Service byPhil Hawksworth
Lightweight lazy loading with Netlify Large Media byPhil Hawksworth
Multilingual sites with Eleventy (i18n, Internationalization) byJérôme Coupé
Language switcher for multilingual JAMstack sites (i18n, Internationalization) byJérôme Coupé

Using Third Party Data #

Sample Project: Import your Notist events to an Eleventy site byPhil Hawksworth
Sample Project: Import your Medium posts to an Eleventy site byPhil Hawksworth
Import your Disqus Comments into Eleventy byZach Leatherman
Static Indieweb pt1: Syndicating Content byMax Böck
Static Indieweb pt2: Using Webmentions byMax Böck
Using Eleventy to Generate a Ghost Blog byDavid Darnes
Consuming a headless CMS GraphQL API with Eleventy byJérôme Coupé
Import Tweets from Twitter API byDennis Hagemeier

Tooling Integration #

Using pHTML with Eleventy byJon Neal

Quick Tips #

Quick Tip #001—Inline Minified CSS
Quick Tip #002—Inline Minified JavaScript
Quick Tip #003—Add Edit on GitHub Links to All Pages
Quick Tip #004—Zero Maintenance Tag Pages for your Blog
Quick Tip #005—Super Simple CSS Concatenation
Quick Tip #006—Adding a 404 Not Found Page to your Static Site
Quick Tip #007—Fetch GitHub Stargazers Count (and More) at Build Time
Quick Tip #008—Trigger a Netlify Build Every Day with IFTTT

📢 Subscribe to the Eleventy Quick Tips RSS Feed

Other pages in Getting Started: