Collections 113 posts
2026
Cleaning House: Refactoring My Eleventy Config Into Modules
How I decomposed an 866-line .eleventy.js monolith into four focused modules, fixed some lurking bugs, and eliminated dead CSS and dead dependencies along the way.
How this site works now
I moved this site over to Eleventy, so I want to provide an update to the many posts I’ve written on the subject in the past. This posts assumes you’ve followed the basic Getting Started guide on the Eleventy website to install the dependencies required.
Cassie (1)
Speeding Up Large 11ty Builds on Netlify
If your Eleventy site is starting to feel heavy on Netlify, a few small changes can make a noticeable difference.
Ryan Gittings (5)
The Limits of AI and Where Humans Shine
Stats Page with Eleventy
A short technical write-up about aggregating blogging stats and displaying them on a page with Eleventy.
Kitty Giraudel (16)
Creating an Alphabetical Tag Page feat. Nunjucks Pitfalls
I transformed a messy tag list into an organized alphabetical sections, and there were a surprising amount of gotchas I encountered along the way.
Eleventy: Sorted Collection
This is the blog of Lea Rosema, frontend developer with accessibility focus, based in Hamburg
Lea Rosema (7)
Syndicating posts to mastodon via the gitlab pipeline
auld lang syne: The Commonplace (micro)Log
A simple gratitude journal online, with media tracking and Beeminder integration. Yes, yet another 11ty project technical write-up, but I promise you'll learn something.
2025
Migrating from WordPress to 11ty (Eleventy)
This site was migrated from WordPress to 11ty (Eleventy). Here's how I did it, including how to import and convert WordPress content that relies heavily...
11tyCMS: THE Eleventy Meetup appearance, metadata improvements, more post and collection goodness
## THE Eleventy Meetup! (potential for a Silex collab? 👀 ) So in late September, we appeared on THE Eleventy Meetup. It was fantastic talking with Sia *a
Jessie Heald (16)
Building My New Archives Page
I'm making some big changes to my archives page in the redesign and thought I'd share how I'm building it.
Keith Wagner (5)
From Dotclear to Eleventy 4
How to migrate a blog from Dotclear on to eleventy 4- Rebuild pages and navigation
Alix Guillard (4)
Data vs. Collections in Eleventy
Building a digital bookshelf with Eleventy
Double-Pagination in Eleventy
Yo dawg, I heard you liked pagination, so I added pagination inside your paginated pages, so you can paginate while you paginate.
List blog posts grouped by year with Eleventy
A short guide on how to display blog posts grouped by year for a blog listing page in Eleventy using Nunjucks templating.
Juha-Matti Santala (23)
Building a personal digital music library with Eleventy and APIs
Display Plausible Statistics in Your 11ty Blog
How to display popular and trending blog posts using Plausible Analytics and 11ty. Follow this step-by-step guide for seamless API integration.
Joseph Jude (2)
2024
Adding Image Galleries to My Website
Oops, I built a headless frontend with 11ty
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.
Cory Dransfeldt (46)
Adding Cooklang Support to Eleventy Three Ways
How I added my recipes to my blog posts with cooklang and the recipe schema
Robb Knight (20)
Eleventy (11ty) year, year-month, and year-monty-day indexes
Building an album releases calendar subscription
As part of tracking the music I listen to I also keep track of upcoming albums. When I add an album, I also have fields for release dates and links.
Cory Dransfeldt (46)
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.
Sebin Nyshkim (3)
Aggregating content using collections in Eleventy
I have a bunch (too much?) content on this site and I use a collection containing a few child functions to aggregate all of it into a sitemap, search index and unified feed that gets syndicated to Mastodon.
Cory Dransfeldt (46)
Eleventy Collections from an API
I've been tinkering with a new Eleventy project and decided to fire it up using the 3 beta version.
Trevor Morris (8)
Syndicating an RSS feed to Mastodon using a Cloudflare worker
Everything shared from my site to Mastodon runs out of a single all activity RSS feed. You're welcome to subscribe to it, but it's formatted with social syndication in mind — emojis, hashtags and truncation that match that use case. This feed is populated from a fairly verbose `processConten
Cory Dransfeldt (46)
Exclude specific tags in Eleventy using a custom filter
Exclude specific tags in Eleventy using a custom filter to display related tags on a blog post without certain tags. Learn how to implement the 'exclude' and 'limit' filters in Eleventy for tag display.
Christian Fei (1)
Dynamic Importing with Eleventy
After organising Eleventy filters, shortcodes etc I had an idea to tidy the code even more and make it dynamic. I wanted to automatically import any new functions that were added, including new when using files.
Trevor Morris (8)
Eleventy Filters in Collections
If you're building up a custom Eleventy collection using addCollection, you may need to use existing filters to create the desired data.
Trevor Morris (8)
Building a Custom Filter for Eleventy Collections
Lists are wonderful, and filters make them better. This article is about building a custom filter for Eleventy collections.
Tom Doe (10)
Twenty year celebration: Site update number three
Peter Sefton (1)
Eleventy collections using the built in tags key
In Eleventy, when you place a JSON file, with the same name, as the folder, within that folder, the data from the JSON file is automatically applied to all files within that folder. This mechanism is a convenient way to apply metadata to a group of files without having to manually include it in each
Jeremy Faucher (8)
Eleventy - Convert a RSS Feed to a collection
I want to create an archive of all my writing. One source is the author RSS feeds of blogs I wrote for. How about I turn it into an eleventy collection?
Rob O'Leary (13)
Integrating a (somewhat) custom CMS with Eleventy
I've spent the last, uh, month or so inching my way towards leveraging a CMS to manage the content on this site. It started with improving my self-hosted scrobbling setup, importing yet more of my personal data and then looking around at friendlier options to manage what I'd spun up.
Cory Dransfeldt (46)
Eleventy - Merge external data with an existing collection
I wanted to make an archive of my writing, merging content I wrote for other websites with my exising 'posts' collection. Here is how I did it.
Rob O'Leary (13)
A custom collection to sort events with Eleventy
I made a custom collection with a filter to sort events by their custom date data.
Sami Määttä (6)
Supporting a full-text RSS feed
Up until now, I've only included a short description for posts in my RSS feed, but I've changed tactics so fellow RSS perverts can choose to read my stuff in their reader of choice.
Dustin Whisman (5)
Surfing The Web And Sharing What I Find
How I surf the web, manage my online bookmarks and share exciting hyperlinks with the community.
fLaMEd (11)
Notifications for New Eleventy Posts in GitLab - Part 2
An implementation for identifying new posts in an Eleventy site built on GitLab pages and sending post-specific notifications (part 2 of 2).
Aaron Goldenthal (4)
Eleventy Nested Pagination
Eleventy (the cool static site generator) has a great feature called Pagination which allows you to iterate over a list of things in chunks and produce multiple output files. As I was migrating this very site over to Eleventy, I found I needed to perform a double pagination. This is when, during pag
Alistair Deneys (2)
Notifications for New Eleventy Posts in GitLab - Part 1
An implementation for identifying new posts in an Eleventy site built on GitLab pages and sending post-specific notifications (part 1 of 2).
Aaron Goldenthal (4)
11ty collections tag links
Adding tag links to Eleventy posts for better topic navigation and solving an issue with multiple tags by iterating through them to create proper links.
Simon Cox (17)
Group posts by year in Eleventy.js
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
Jordan Kohl (8)
Surfacing most used tags in Eleventy
I made some lightweight design changes to my site, keeping things simple but moving the date up above post headers, surfacing tags below and restoring `Read more` links.
Cory Dransfeldt (46)
Eleventy - Group posts by year
A common organisation pattern for a blog is to group posts by year. I will show you how to do this efficiently and succinctly in JavaScript.
Rob O'Leary (13)
A roundup of recent updates to my website
Where i describe the recent updates to the kinds of content you'll find on my website
Grigør (2)
Intro: Bukmark.club
Introducing a new side project: I built a directory of websites that provide a curated collection of bookmarks and/or links to other websites.
Tom Doe (10)
Eleventy 🤝 Immich
Low-tech Eleventy Categories
Eleventy has built-in tagging and collections capabilities that I’m riffing on to show you how to build a super simple category system with RSS feeds for each one.
Andy Bell (3)
Getting up to Speed with Eleventy: Config and Collections
Continuing his Eleventy tutorial, David Eastman shows how to configure the system, make use of templates, what collections are, and more.
David Eastman (2)
Update: Tags Are Back
This website used to have tags. They were gone for about 3 years, but they're back now.
Tom Doe (10)
Right here, right now
A brief explanation of the way I built the "Right now" box on my homepage.
2023
Generating a static blog with Eleventy
From 0 to minimal blog using 11ty. I tell you the steps I took to create the minimal technical basis for this website's content.
Tobias Fedder (7)
Grouping posts by year with nunjucks in Eleventy
Group by year in a clear and readable manner.
Generating the Firehose page on the 11tybundle site
Building post types and category RSS feeds in Eleventy
I mentioned recently that I'd built separate RSS feeds for different kinds of posts. Here's how I did it!
Sophie Koonin (5)
Making a simple Eleventy blog template
If you’ve worked with TypeScript, React or Next odds are you’ve encountered an update that broke a... Tagged with frontend, css, html, tutorial.
Making Author Pages for an Academic Journal in Eleventy, or, How to Manipulate Collection Data in Eleventy
How to create a drafts page for an 11ty blog
One of the challenges with a statically-generated blog is content management based on properties. Everything is a set of flat files and I'm limited to folders and file names, because that's what shows up in the terminal or the sidebar of my editor. And I don't use a drafts folder,
Luke Harris (1)
Semi-automated hashtags for syndicated posts
I went out on a limb recently and decided to build a custom collection in Eleventy that aggregates my post tags and link tags (sourced from Matter). These tags then get appended to shared post or link titles when they're syndicated from my site.
Cory Dransfeldt (46)
CloudCannon + Eleventy
Getting CloudCannon setup with your Eleventy project is easier than you think
Clayton Errington (20)
Rethinking Categorization
This is the third spinoff post in the migration saga of this blog from WordPress to 11ty. Migrating was a good opportunity to rethink the information architecture of my site, especially around categorization. Categories vs Tags Just like most WP users, I was using both categories and tags, simply be
Lea Verou (4)
11ty: Index ALL the things!
This is a second spinoff post in the migration saga of this blog from WordPress to 11ty. On good URLs It was important to me to have good, RESTful, usable, hackable URLs. While a lot of that is easy and comes for free, following this principle with Eleventy proved quite hard: URLs that are “hackable
Lea Verou (4)
Filtering tags within Eleventy.js collections
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
Jordan Kohl (8)
Eleventy Collection Schemas
Use this 11ty plugin to enforce a typed frontmatter schema for templates within an Eleventy collection.
Stephanie Eckles (21)
Adding tag list with post count to Eleventy.js
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
Jordan Kohl (8)
How to programmatically add tags to posts in 11ty
2022
Support Draft Blog Posts in Eleventy
Creating a now page archive with 11ty
11ty aliases the right way
A short little tutorial on how to make redirects in 11ty that aren't awful.
Evan Boehs (2)
Zero maintenance taxonomies in 11ty
Taxonomies in 11ty have always been hard. Sure, we have collections, but for when we want advanced features like categories and authors, it all falls apart. I found a solution. Introducing taxonomies that work so well they feel (almost) native!
Evan Boehs (2)
Eleventy Custom Content Type Collections and Layouts
How-to on creating separate collections and layouts for a custom content type. In this case: cocktails!
Josh Cunningham (2)
2021
Creating and Using Eleventy Collections
Collections allow you to group templates and then sort, filter, and perform other manipulations to customize the display of your template content and data.
Stephanie Eckles (21)
Making an 11ty collection from a remote XML file
RSS is XML with a specification, however not all RSS feeds follow the spec. In this post, we process the feed as an XML document meaning we can access the extra attributes and values
Mike Street (13)
Create an 11ty collection from any RSS feed
Using 11ty global data files, we create an 11ty collection from an RSS feed. As an example, we show the latest YouTube videos on our website
Mike Street (13)
Creating an 11ty collection from a JSON API
Using 11ty Global data files, you can make collections from JSON APIs, allowing you to make whole websites from one endpoint
Mike Street (13)
Dynamic Short URLs with Eleventy
Building Ale House Rock with 11ty
I rebuilt my beer review website using a JSON API and 11ty. This is a rundown of how I tackled it
Mike Street (13)
Using 11ty JavaScript Data files to mix Markdown and CMS content into one collection
In this article, we'll mix Markdown files with external data sources to create a unified 11ty Collection.
Bryan Robinson (15)
Build an 11ty calendar to list all your posts
List all of your posts (or other collection items) in a calendar/diary format to give a timeline of your past
Mike Street (13)
Collection archive in Eleventy
Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats
Adding Simple Pagination to an 11ty Collection
11ty can handle pagination really well, but finding the right subset of the many pagination features can be a little difficult to figure out. Here's how I added simple previous and next links and post totals to the list pages on this blog.
Brian Perry (1)
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.
Stephanie Eckles (21)
Group posts by year in Eleventy
2020
Create a Custom Collection with Eleventy
If you've built sites using Eleventy, you're probably familiar with collections. Using the Configuration API allows for creating custom collections which can be useful to only show certain posts on your site.
Tanner Dolby (2)
Enhancing archives navigation, step 1
I decided years ago to remove paged navigation (aka "pagination"), because I find it not user friendly at all, and a nightmare for SEO with new content pushing one tenth of contents to another page (for a 10 items per page pagination). Now, I improved the UX even further.
Nicolas Hoizey (5)
Let's Learn Eleventy (11ty) - Collections
This is the second part of the Let't Learn Eleventy series. We'll learn how to use collections.
Rares Portan (5)
Hiding Future Content with Eleventy
How to use custom filters and collections to hide Eleventy content for the future.
Raymond Camden (105)
Eleventy: Loop through a collection from within a layout?
I have a home page which is made up of sections. Each section is currently pulled into my index.html... Tagged with eleventy, help.
Grant Smith (1)
Basic custom taxonomies with Eleventy
Eleventy comes with a built-in tagging system. For a recent project, I wanted to use my own category system, which led me to dive a bit deeper into extending and configuring Eleventy.
Jérôme Coupé (10)
Adding a Last Edited Field to Eleventy
2019
Adding Search to your Eleventy Static Site with Lunr
Flexible tag-like functionality for custom keys in Eleventy
Scheduled and draft 11ty posts
This post explains how you can add scheduled publishing to your 11ty blog (with a bonus for drafts). Before I jump in though, 11ty is a surprisingly simple sys…
Remy Sharp (2)
Implementing categories
I take things apart to understand how they work, then write about what I learned. Mostly Git, static sites, LLMs, and the occasional CSS hack.
Working with collections
I take things apart to understand how they work, then write about what I learned. Mostly Git, static sites, LLMs, and the occasional CSS hack.