Skip to main content

Official 11ty docs

Data Cascade

Data Cascade — Eleventy

43 posts in 'Data Cascade'

Adding Random Content Using Eleventy

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

Categories: Data CascadeHow to...Nunjucks/MacrosShortcodes

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

Categories: CMSCollectionsData CascadeGlobal DataImagesSearch

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

Categories: CollectionsData CascadeFiltersFront MatterHow to...Layouts

Building a Blog with Eleventy (blind, any%)

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

Categories: BloggingCSS/SassCollectionsConfigurationData CascadeFiltersGetting StartedGlobal DataLayoutsMarkdownNavigationPaginationPluginsShortcodes

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

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

Categories: ConfigurationData CascadeHow to...

Umami API Top 10 Pages

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

Jun 11, 2024

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

Categories: Data CascadeHow to...Remote Data

Version 3

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

Mar 2, 2024

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.

Feb 19, 2024

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.

Feb 15, 2024

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.

Jan 24, 2024

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

Jan 21, 2024

Categories: BloggingData CascadeDatesHow to...

Right here, right now

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

Jan 7, 2024

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.

Dec 19, 2023

Categories: Data CascadeDatesFilters

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

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

Nov 23, 2023

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.

Oct 30, 2023

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.

Sep 21, 2023

Categories: Data CascadeRemote DataHow to...ConfigurationBlogging

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 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.

Jan 16, 2023

Categories: ConfigurationData CascadeFilters

Relational data in Eleventy

A pattern for handling many-to-many relationships.

Nov 26, 2022

Categories: Data Cascade

Testing the Netlify Cache Plugin with Eleventy

An example of caching for Netlify with an Eleventy site

Jun 26, 2022

Categories: DeploymentData CascadeNetlify

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 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.

Jan 3, 2022

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?

Nov 17, 2021

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.

Aug 9, 2021

Categories: Data CascadeHow to...Remote Data

Building a notification thingamajig with Eleventy data

The online journal of Ashur Cabrera.

Jul 26, 2021

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.

Apr 25, 2021

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.

Feb 21, 2021

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.

Feb 15, 2021

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.

Feb 15, 2021

Categories: Data CascadeCollections

Add structured data annotations to Eleventy blog

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

Dec 17, 2020

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.

Dec 8, 2020

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.

Nov 28, 2020

Categories: Front MatterData CascadeHow to...

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

Sep 5, 2020

Categories: Remote DataGlobal DataData Cascade

Architecting data in Eleventy

Setting and using data in the static site generator Eleventy

May 15, 2020

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

Categories: ConfigurationData CascadeFiltersGetting Started

Get the blog by email (or RSS)

Powered by Buttondown