46 posts in 'Data Cascade'

Rendering FreeMarker and Python page templates with 11ty

11ty, FreeMarker Generator, and Chameleon allow me to render FreeMarker and Python page templates to HTML within the same static site generator.

Apr 11, 2025

by Tobias Fedder (6 posts) · Website & RSS feed

Categories: ConfigurationData CascadeHow to...

Generating content driven CSS with Eleventy

Why spend an hour writing CSS when you can spend four hours to create classes on the fly?

Apr 11, 2025

by Sami (1 post) · Website & RSS feed

Categories: CSS/SassData CascadeHow to...

Building a personal digital music library with Eleventy and APIs

Building a personal digital music library with Eleventy and APIs

Feb 25, 2025

by Damian Walsh (1 post) · Website

Categories: CollectionsData CascadeFiltersGlobal DataImagesPaginationRemote Data

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Categories: Data CascadeHow to...Remote Data

Eleventy Navigation Set URL to First Item in Collection

Mar 24, 2024

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

Categories: CollectionsData CascadeNavigation

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

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

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

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

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

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

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

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

Categories: BloggingData CascadeDatesHow to...

Learning New Tricks

Jan 21, 2024

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

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

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

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

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

Categories: Data CascadeGlobal DataHow to...Remote Data

Popular Pages with Eleventy and Fathom Analytics

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: AnalyticsData 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

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

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

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

Categories: Data CascadeRemote DataHow to...ConfigurationBlogging

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: ConfigurationData CascadeFilters

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

Testing the Netlify Cache Plugin with Eleventy

An example of caching for Netlify with an Eleventy site

Jun 26, 2022

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

Categories: DeploymentData CascadeNetlify

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

YouTube video

Jan 6, 2022

by Ben Myers (6 posts)

Categories: YouTubeData 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: 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

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

Categories: Data CascadeGlobal Data

Media Diary with Eleventy

Sep 21, 2021

by anh (3 posts) · Website & RSS feed

Categories: Data CascadeGlobal DataLayouts

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 CascadeHow to...Remote Data

Building a notification thingamajig with Eleventy data

The online journal of Ashur Cabrera.

Jul 26, 2021

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

Categories: Data CascadeHow 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 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

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

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

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

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

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

Categories: Data CascadeCollections

How to use CSV data with Eleventy

Feb 6, 2021

by Max Kohler (2 posts) · Website

Categories: How to...Data Cascade

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

by Mike (1 post) · Website & RSS feed

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

by Ryan Boone (3 posts) · Website

Categories: Front MatterData CascadeHow 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 DataGlobal DataData 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: ConfigurationData CascadeFiltersGetting Started