Skip to main content

Official 11ty docs

Data Cascade

Data Cascade — Eleventy

36 posts in 'Data Cascade'

Building pages from data in Eleventy

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

Categories: Data CascadeHow to...Remote Data

Version 3

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

Categories: CSS/SassData CascadeGlobal DataMigrating to EleventyWhy 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.

Categories: Data CascadeGlobal DataHow 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.

Categories: ConfigurationData CascadeDeploymentImages

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.

Categories: Data CascadeFiltersGlobal DataHow to...

Creating an OPML File for my Blogroll

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

Categories: BloggingData CascadeDatesHow to...

Right here, right now

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

Categories: CollectionsData CascadeDatesHow to...Now Page

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.

Categories: Data CascadeDatesFilters

Programmatically importing your listening data to ListenBrainz

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

Categories: Data CascadeGlobal DataHow to...Remote Data

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

Categories: Data CascadeFiltersHow 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.

Categories: Data CascadeGlobal DataNetlifyRemote Data

Build a Blogroll with Eleventy

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

Categories: Data CascadeRemote DataHow to...ConfigurationBlogging


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 2.0.1. Eleventy v3.0 is currently under development and available for testing.

Using Eleventy filters in Directory Computed Data

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

Categories: ConfigurationData CascadeFilters

Relational data in Eleventy

A pattern for handling many-to-many relationships.

Categories: Data Cascade

How to access post content in template listing files

Eleventy (11ty) Tutorial

Categories: Data CascadeHow to...

Testing the Netlify Cache Plugin with Eleventy

An example of caching for Netlify with an Eleventy site

Categories: DeploymentData CascadeNetlify


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 2.0.1. Eleventy v3.0 is currently under development and available for testing.

11ty tips I wish I knew from the start

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

Categories: ConfigurationData CascadeGetting StartedNavigation

Dynamically choosing a data file to use in Eleventy templates

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

Categories: Data CascadeGlobal Data

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.

Categories: Data CascadeHow to...Remote Data

Building a notification thingamajig with Eleventy data

The online journal of Ashur Cabrera.

Categories: Data CascadeHow to...

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.

Categories: Data CascadeGlobal 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.

Categories: Data CascadeGlobal Data

Site Metadata

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

Categories: Data CascadeGlobal 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.

Categories: Data CascadeCollections

Add structured data annotations to Eleventy blog

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

Categories: How to...Data CascadeBlogging

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.

Categories: Data CascadeHow to...FiltersShortcodes

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.

Categories: Front MatterData CascadeHow to...

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

Categories: Remote DataGlobal DataData Cascade

Architecting data in Eleventy

Setting and using data in the static site generator Eleventy

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.

Categories: ConfigurationData CascadeFiltersGetting Started

Get the blog by email (or RSS)

Powered by Buttondown