Tutorials #

See all Eleventy blog posts on zachleat.com.

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

• Level 1—Making Content with Data
• Level 2—Adding Filters

Introduction #

• Turn Jekyll up to Eleventy, a guide to converting a Jekyll site to use Eleventy by Paul Robert Lloyd
• Build your own Blog from Scratch using Eleventy on the Filament Group blog
• A Site for Front-End Development Conferences (Built with 11ty on Netlify) on CSS-Tricks
• Video Series: Create an 11ty Theme from a free set of HTML templates by Bryan Robinson

Put it on the web #

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

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é

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
• Using Eleventy to Generate a Ghost Blog by David Darnes

Tooling Integration #

• Using pHTML with Eleventy by Jon 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