Official 11ty docs

Learn how to use Eleventy to add dynamic, random content like film quotes or targeted Q&A sections to your website. A step-by-step guide with practical examples and code snippets.

Dec 13, 2024

by Stu Robson (1 post) · Website & RSS feed

Categories: Data Cascade How to...Nunjucks/Macros Shortcodes

Here's how this is all put together

I've been fiddling with this site for the better part of a year now and now that it's fairly stable, I'm putting together what amounts to a public `README` (or a note to self). This post is that document.

Nov 8, 2024

by Cory Dransfeldt (46 posts) · Website & RSS feed

Categories: CMS Collections Data Cascade Global Data Images Search

Adding Cooklang Support to Eleventy Three Ways

How I added my recipes to my blog posts with cooklang and the recipe schema

Nov 7, 2024

by Robb Knight (20 posts) · Website & RSS feed

Categories: Collections Data Cascade Filters Front Matter How to...Layouts

Building a Blog with Eleventy

I recently felt like getting back into blogging. But setting up and maintaining WordPress felt like more than I was looking for. I was looking for something much simpler. Preferably file-based and with Markdown support. That was my introduction to Eleventy.

Oct 19, 2024

by Sebin Nyshkim (3 posts) · Website & RSS feed

Categories: Blogging CSS/Sass Collections Configuration Data Cascade Filters Getting Started Global Data Layouts Markdown Navigation Pagination Plugins Shortcodes

CAUTION

The posts below were published before the release of Eleventy v3.0.0 (Oct 1, 2024). Information in these posts may be out of date. The current stable release is 3.12.

New Reading page, powered by the Airtable API

A walkthrough on how I used Eleventy and the Airtable API to power a bookshelf pages with books I’ve read

Jun 28, 2024

by Melanie Richards (1 post) · Website & RSS feed

Categories: Books Pages Data Cascade Global Data How to...Remote Data

Eleventy - Add CSV data file support

It would be cool to be able to drop a CSV file into a project and use it in a page. My motivation was to show bookshelves from my library database

Jun 13, 2024

by Rob O'Leary (12 posts) · Website & RSS feed

Categories: Configuration Data Cascade How to...

Umami API Top 10 Pages

Using the Umami API to show the Top 10 pages on my website

Jun 11, 2024

by Clayton Errington (18 posts) · Website & RSS feed

Categories: Data Cascade Global Data How to...Remote Data

Building pages from data in Eleventy

I've expanded the media sections I already had built to include pages generated from data using Eleventy.

May 24, 2024

by Cory Dransfeldt (46 posts) · Website & RSS feed

Categories: Data Cascade How to...Remote Data

Mar 24, 2024

by John M. Wargo (45 posts) · Website & RSS feed

Categories: Collections Data Cascade Navigation

Version 3

I'll show you the true power of being third!

Mar 2, 2024

by Devin Haska (2 posts) · Website & RSS feed

Categories: CSS/Sass Data Cascade Global Data Migrating to Eleventy Why Eleventy?

Using B2 as a JSON data store

My links page is powered by the Readwise Reader API but because there are, quite reasonably, rate limits in place, I've gone ahead and reduced the page count I fetch on each build and cached older link data from past builds in a B2 bucket.

Feb 19, 2024

by Cory Dransfeldt (46 posts) · Website & RSS feed

Categories: Data Cascade Global Data How to...Remote Data

Eleventy - Differentiate between dev and production builds with unique favicons

It is easy to mix up the dev and production versions of a website in the browser. Let's make them look unique by using different favicons.

Feb 15, 2024

by Rob O'Leary (12 posts) · Website & RSS feed

Categories: Configuration Data Cascade Deployment Images

Community websites with Eleventy

With Eleventy’s data files, I’ve come up with a good setup to build landing pages for communities that organize events.

Jan 24, 2024

by Juha-Matti Santala (21 posts) · Website & RSS feed

Categories: Data Cascade Filters Global Data How to...

How I'm creating OPML files for my blog, and pod, rolls so people can subscribe to all of the sites in one go

Jan 21, 2024

by Robb Knight (20 posts) · Website & RSS feed

Categories: Blogging Data Cascade Dates How to...

Learning New Tricks

Jan 21, 2024

by Antonio Rodrigues (1 post) · Website & RSS feed

Categories: Data Cascade Global Data

Right here, right now

A brief explanation of the way I built the "Right now" box on my homepage.

Jan 7, 2024

by Martin Gunnarsson (9 posts) · Website & RSS feed

Categories: Collections Data Cascade Dates How to...Now Page

2023

Adding a git based changelog in 11ty

How to add a changelog to your 11ty pages based on commits made to your site's git repository.

Dec 19, 2023

by James Doc (3 posts) · Website & RSS feed

Categories: Data Cascade Dates Filters

Programmatically importing your Last.fm listening data to ListenBrainz

I love Last.fm, but in the interest of redundancy, Ive started programmatically importing my listening data from Last.fm into ListenBrainz.

Dec 5, 2023

by Cory Dransfeldt (46 posts) · Website & RSS feed

Categories: Data Cascade Global Data How to...Remote Data

How I'm using the Fathom API to show a list of popular blogs posts in my Eleventy site

Nov 23, 2023

by Robb Knight (20 posts) · Website & RSS feed

Categories: Analytics Data Cascade Filters How to...Remote Data

Scratch that...use the Google Sheets API

Just generating a json file from Google Sheets was not good enough. I had to use the API.

Oct 30, 2023

by Bob Monsour (20 posts) · Website & RSS feed

Categories: Data Cascade Global Data Netlify Remote Data

A step-by-step guide to adding a blogroll, complete with each blog’s latest posts, to your Eleventy site.

Sep 21, 2023

by Ben Myers (6 posts) · Website & RSS feed

Categories: Data Cascade Remote Data How to...Configuration Blogging

CAUTION

The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 3.12.

Using Eleventy filters in Directory Computed Data

Eleventy Computed Data makes it easy to reuse your filters outside of your templates.

Jan 16, 2023

by Chris Coleman (2 posts) · Website

Categories: Configuration Data Cascade Filters

2022

Relational data in Eleventy

A pattern for handling many-to-many relationships.

Nov 26, 2022

by Dan Burzo (5 posts) · Website & RSS feed

Categories: Data Cascade

How to access post content in template listing files

Nov 6, 2022

by Al Power (9 posts) · Website & RSS feed

Categories: Data Cascade How to...

Testing the Netlify Cache Plugin with Eleventy

An example of caching for Netlify with an Eleventy site

Jun 26, 2022

by Raymond Camden (104 posts) · Website & RSS feed

Categories: Deployment Data Cascade Netlify

CAUTION

The posts below were published before the release of Eleventy v1.0.0 (Jan 9, 2022). Information in these posts may be out of date. The current stable release is 3.12.

Journey to the Center of the Eleventy Data Cascade with Ben Myers

YouTube video

Jan 6, 2022

by Ben Myers (6 posts)

Categories: YouTube Data Cascade

11ty tips I wish I knew from the start

David East's personal site full of blog posts and stuff.

Jan 3, 2022

by David East (1 post) · Website

Categories: Configuration Data Cascade Getting Started Navigation

2021

Dynamically choosing a data file to use in Eleventy templates

What if I need _data/stuff.json sometimes and _data/thing.json other times?

Nov 17, 2021

by Cassey Lottman (12 posts) · Website & RSS feed

Categories: Data Cascade Global Data

Media Diary with Eleventy

Sep 21, 2021

by anh (3 posts) · Website & RSS feed

Categories: Data Cascade Global Data Layouts

A Running Log - Garmin Connect and Eleventy

Use Eleventy to log Garmin Connect activities on a website and automate the process with Zapier and Netlify.

Aug 9, 2021

by Josh Crain (1 post) · Website & RSS feed

Categories: Data Cascade How to...Remote Data

Building a notification thingamajig with Eleventy data

Multiline Comment • The online journal of Ashur Cabrera

Jul 26, 2021

by Ashur Cabrera (8 posts) · Website & RSS feed

Categories: Data Cascade How to...

Stop forgetting the Eleventy Data Cascade

May 2, 2021

by Kaan Divringi (1 post) · Website & RSS feed

Categories: Data Cascade

Creating pages from data with Eleventy

Eleventy has the ability to generated multiple pages from a structured data source, either static JSON or JSON dynamically generated by JavaScript code.

Apr 25, 2021

by Florian Eckerstorfer (9 posts) · Website & RSS feed

Categories: Data Cascade Global Data

I Finally Understand Eleventy's Data Cascade

Where does Eleventy get all of its data? Which data overrules other data? I’ve documented my whole mental model of Eleventy’s data cascade.

Feb 21, 2021

by Ben Myers (6 posts) · Website & RSS feed

Categories: Data Cascade Global Data

Site Metadata

A useful technique to manage site metadata (title, description, url, etc) for ease of retrieval throughout templates and content.

Feb 15, 2021

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: Data Cascade Global Data

Using Template Content as Data for 11ty

Create a collection of content using any Eleventy templating language and learn to control the output to enable using that content as data.

Feb 15, 2021

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: Data Cascade Collections

How to use CSV data with Eleventy

Feb 6, 2021

by Max Kohler (2 posts) · Website

Categories: How to...Data Cascade

2020

Add structured data annotations to Eleventy blog

Add structured data (JSON-LD) to enable rich snippets in Google search results.

Dec 17, 2020

by Max Ivanov (1 post) · Website & RSS feed

Categories: How to...Data Cascade Blogging

Understanding Filters, Shortcodes and Data in 11ty

Sometimes it’s a little confusing what the difference between shortcodes, data and filters really is, and frankly the boundaries can become a little blurred with 11ty.

Dec 8, 2020

by Mike (1 post) · Website & RSS feed

Categories: Data Cascade How to...Filters Shortcodes

Composing data in Eleventy

The ramblings of Ryan Boone, a web developer and designer from Texas with a passion for open, accessible front end development.

Nov 28, 2020

by Ryan Boone (3 posts) · Website

Categories: Front Matter Data Cascade How to...

Using Eleventy data files for frequently used links

Have a set of frequently referenced links? A global data file can come in handy.

Sep 5, 2020

by Dana Byerly (8 posts) · Website & RSS feed

Categories: Remote Data Global Data Data Cascade

Architecting data in Eleventy

Setting and using data in the static site generator Eleventy

May 15, 2020

by Sia Karamalegos (13 posts) · Website & RSS feed

Categories: Data Cascade

Five Critical Things To Do Before Working With 11ty

Five pieces of knowledge I wish I knew before working with 11ty, the JavaScript-based static site generator. Get a jump start using this fantastic tool.

Apr 2, 2020

by Khalid Abuhakmeh (3 posts) · Website

Categories: Configuration Data Cascade Filters Getting Started

Official 11ty docs

49 posts in 'Data Cascade'

Get the blog by email (or RSS)