Filters 96 posts
Category: FILTERS (96 posts)
2025
Eleventy (11ty) string-based translation with i18next
This article shows how you can make an Eleventy (11ty) website translatable on a string-by-string basis, supporting translation platforms such as Weblate.
By Andrew Ward (5 posts)
Using esbuild in Eleventy
The personal website of Dan Cฤtฤlin Burzo.
By Dan Cฤtฤlin Burzo (6 posts)
Mastering Eleventy: Display All Blog Posts from a Category on a Single Page
Have the same topic on your 11ty website and want to view them all on one page? Here's how to do so with just one extra file, and no plugins needed.
By Gregory Hammond (3 posts)
WhileDo
Instead of a How-To, I'll write a "WhileDo" today. This is my attempt to Write Like Ron Jeffries. After I published thisโฆ
By Martin Hรคhnel (14 posts)
File organisation in Eleventy: Filters
I organise all my Eleventy filters into one file and register them as filters by iterating over them all in the configuration function.
By Juha-Matti Santala (22 posts)
OG Images using 11ty Screenshot Service
Making a multilingual website with Eleventy
When I made my web site multilingual, I did it all manually. I decided to try using the built-in I18nPlugin to see if I could do it in a more standard way. Here's how it went.
By Francis Beaudet (2 posts)
Migrating WordPress To Eleventy
Software engineering leader and occasional side project hacker.
By Brian Cantoni (6 posts)
Proper Sitemap Update Dates for Eleventy
Software engineering leader and occasional side project hacker.
By Brian Cantoni (6 posts)
Calculating yearsSince using a Nunjucks filter in Eleventy
Building Search Index with Eleventy
One of the features that Iโm quite happy about on my new website is the built-in search functionality and how the search index gets built for it. You can test it out yourself by pressing...
By Ariel Salminen (2 posts)
Taking VentoJS for a spin in Elevยญenty
Generating absolute URLs in my RSS feed(s)
My RSS feeds are generated by 11ty at build time from a Liquid.js template. When I wrote posts and link elsewhere on my site I use a bookmarklet to capture the URI for linking. To ensure I have absolute URLs in my feeds, I use a filter to convert said
By Cory Dransfeldt (46 posts)
Building a personal digital music library with Eleventy and APIs
Building a personal digital music library with Eleventy and APIs
By Damian Walsh (3 posts)
The markdown filters your Eleventy project needs
Migrating from my old Jekyll site to Eleventy meant two things, I lost a lot of out-of-the-box helpers, but at the same time gained the flexibility to extend any part of my site build pipeline via JavaScript.
By Jeremias Menichelli (1 post)
11ty
11ty Meetup - How I built my Books page
I presented at the 11ty Meetup on how I built my Books page. Here's the video and a link to a PDF of the slides.
By Bob Monsour (20 posts)
Let's create a plaintext RSS feed with 11ty
In this post I tackle something from my post-MVW (Minimum Viable Website) functionality to do list, by adding a plaintext RSS Feed. I'll take you through my reasons for adding it, the implementation, and the code I used to create it.
By Matt Hobbs (7 posts)
Creating permanently unique entry IDs for RSS
I was inspired to create permanently unique entry IDs for my RSS feed after reading a post by Evan Sheehan.
By Bob Monsour (20 posts)
Creating a custom Slugify filter in Eleventy
I'm from Finland, so I want to have Nordic slugs for my sites.
By Sami Mรครคttรค (6 posts)
2024
Adding Image Galleries to My Website
At last, I've gotten around to implementing image galleries.
By Nathan Upchurch (4 posts)
Adding Cooklang Support to Eleventy Three Ways
How I added my recipes to my blog posts with cooklang and the recipe schema
By Robb Knight (20 posts)
Eleventy (11ty) year, year-month, and year-monty-day indexes
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.
By Sebin Nyshkim (3 posts)
How I teach Eleventy from scratch
I love how in Eleventy, you can build a site step-by-step and at each small step, have a functional website. In this post, I describe a workshop structure Iโve used lately to teach a few of my friends how to build a static site with Eleventy.
By Juha-Matti Santala (22 posts)
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.
By Trevor Morris (8 posts)
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.
By Christian Fei (1 post)
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.
By Trevor Morris (8 posts)
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.
By Trevor Morris (8 posts)
Organising Eleventy Filters, Shortcodes and moreโฆ
I work a lot with the Laravel framework, which scaffolds much of your initial setup and has conventions for where code should be stored. Starting a brand new Eleventy project from scratch doesn't give you this boilerplate and means you have to make decisions about where everything lives.
By Trevor Morris (8 posts)
Eleventy Date Filter with Ordinals
When working with dates in JavaScript, you probably reach for a library to help you parse, manipulate and display the values. For a recent Eleventy project, I used Luxon โ the successor to the popular JavaScript date/time library Moment.js.
By Trevor Morris (8 posts)
Simple Eleventy 3 Excerpts
Sometimes it makes sense to write a unique excerpt. But sometimes the beginning of the page content works well enough, which is why manyโฆ
By Tyler Sticka (3 posts)
A feed for everything and everything in a feed
At the moment my site has 6 different feeds. 5 RSS feeds, an ICS feeds and JSON versions of the 5 RSS feeds. I was asked how they're put together and, well, it's a bit involved.
By Cory Dransfeldt (46 posts)
Getting my top posts from Umami
I recently started using umami.is for website analytics, and figured I could use the API to output some stats about my blog
By Lewis Dale (5 posts)
Fetching Achievements and Trophies for my Game Collection Page
How I'm fetching trophy and achievements to show on my game collection
By Robb Knight (20 posts)
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.
By Tom Doe (10 posts)
Upgrade 11ty to v3, reorg, ESM, and debug
Showing Omnivore links as Bookmarks
Saving links to Omnivore and using labels to display those as bookmarks on my website
By Clayton Errington (19 posts)
Some of my Eleventy Filters
In refactoring my website earlier this year, part of my process was to evaluate and revise the many, many Eleventy Filters I use throughout my websiteโs build, so in this post, Iโll run through a handful of them.
By Chris Burnell (8 posts)
A custom collection to sort events with Eleventy
I made a custom collection with a filter to sort events by their custom date data.
By Sami Mรครคttรค (6 posts)
Eleventy excerpts
Everybody seems to implement their own way of generating post excerpts in Eleventy, and here's mine.
By Martin Gunnarsson (9 posts)
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.
By Cory Dransfeldt (46 posts)
Math equations with Eleventy using TeXZilla
I demonstrate how to make MathML equations using LaTeX markup with TeXZilla.
By Sami Mรครคttรค (6 posts)
Eleventy: custom markup alongside item contents
Short and quick tutorial on how to embed custom HTML content between post paragraphs on an Eleventy site.
By ลukasz Wรณjcik (2 posts)
Refactor by shortcode
I decided to take on some overdue refactoring of the 11tybundle.dev site. Here's what I did.
By Bob Monsour (20 posts)
Local links in Eleventy, Part 2
Eleventy now support automatic transforms from local paths to output URLs right out of the box.
By Martin Gunnarsson (9 posts)
Eleventy - Fetch data from the Github REST API to populate a projects page
We will populate a page with data from GitHub. We will use the eleventy-fetch plugin to do this with minimal code and refresh the data every 2 days.
By Rob O'Leary (13 posts)
Slashing by caching
I've reduced the build time for the 11ty Bundle site from 30 seconds to 10 seconds. Here's how.
By Bob Monsour (20 posts)
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.
By Juha-Matti Santala (22 posts)
Adding webmentions to my site
I had told myself that I wouldn't do this...but, seeing them on other people's sites changed my mind.
By Bob Monsour (20 posts)
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.
By James Doc (3 posts)
Generating Open Graph Images in Eleventy
Autogenerating image previews with Eleventy filter functions and node-canvas
By nonnullish (3 posts)
Grouping posts by year with nunjucks in Eleventy
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
By Robb Knight (20 posts)
Eleventy Date-only Filter
I noticed recently that the site's stats page displayed the first and last post dates with time information even though the values only contained dates. I created a simple Eleventy Filter to trim them to date only with the format I wanted. This post shows how I did it.
By John M. Wargo (45 posts)
Eleventy JSON Output
For a small Eleventy-based project, I wanted to output an example.json file โ stored in the data folder โ in a Nunjucks template. If you simply output the variable example, you'll see the unhelpful [object Object] text.
By Trevor Morris (8 posts)
How to add a custom slugify filter to 11ty
During my recent blog migrations, I discovered the new slugify filter handles apostrophes differently. I'd prefer they were dropped. Here are the steps.
By Michael Harley (14 posts)
Creating a Category Filter in Eleventy
Now I have a few posts, it would be good to have some way to narrow them down when looking for something specific.
By Thomas Rigby (8 posts)
Fun With Frontmatter: Part 1 - Related Posts
A series on doing more with your Jamstack site's front matter
By Raymond Camden (104 posts)
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
By Lea Verou (4 posts)
Eleventy tag filter
Web development blog. The good, bad, and ugly (mostly bad and ugly)
By Joe Sahlsa (4 posts)
Eleventy tag filter
Web development blog. The good, bad, and ugly (mostly bad and ugly)
By Joe Sahlsa (4 posts)
Alphabetising Glossary Terms
Blog and general digital garden of the full stack programmer Simon Dann.
By Simon Dann (11 posts)
Filtering tags within Eleventy.js collections
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
By Jordan Kohl (8 posts)
Adding statistics to 11ty
Blog and general digital garden of the full stack programmer Simon Dann.
By Simon Dann (11 posts)
Using Eleventy filters in Directory Computed Data
Eleventy Computed Data makes it easy to reuse your filters outside of your templates.
By Chris Coleman (2 posts)
2022
Using Puppeteer with 11ty to automate generating social share images
Blog and general digital garden of the full stack programmer Simon Dann.
By Simon Dann (11 posts)
11ty Second 11ty: Creating Template Filters
This week, weโre going to dive into 11ty filters. Weโll use 1 built-in filter, and make 2 custom filters.
By Bryan Robinson (15 posts)
A Set of Useful 11ty Filters
Extend Eleventyโs built-in filters with custom logic for these common use cases.
By Aleksandr Hovhannisyan (14 posts)
Building blocks for my first Eleventy site
Different choices that go into building an Eleventy website from scratch.
By Sami Mรครคttรค (6 posts)
2021
Filter Titles for RSS and Social Shares
Replace characters that are often stripped out of post titles by RSS readers and social network link embeds
By Stephanie Eckles (21 posts)
Blog post filter with Netlify Functions
I built my first ever serverless feature to add tag filtering to my blog listing. Here's how I integrated that to my Ghost & Eleventy setup with Netlify Functions.
By Juha-Matti Santala (22 posts)
Accessing 11ty filters within data files to keep your code DRY
11ty filters can exist as JS functions inside the declared filters directory - these can be accessed by other files not processed by 11ty
By Mike Street (13 posts)
Automatically generate open graph images in Eleventy
Bernard Nijenhuis โข Front-end Developer โข Katwijk, The Netherlands โข Father of 3 kids โข Husband to 1 wife โข Owner of 2 cats
By Bernard Nijenhuis (8 posts)
11ty Date Shortcodes and Filters
Use this shortcode and filter as a starting point for your date transformation needs.
By Stephanie Eckles (21 posts)
Filters for 11ty Content
Includes filters for creating an excerpt and other content enhancements.
By Stephanie Eckles (21 posts)
Create an Eleventy podcast feed
Want to add an iTunes and Google friendly podcast feed to your Eleventy site? Here's how.
By Marc Littlemore (4 posts)
2020
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.
By Mike (1 post)
Adding a Warning for Old Posts to Your Jamstack Site
How to add a message to older content on your static site.
By Raymond Camden (104 posts)
Selecting Random Posts in Eleventy
Supporting Multiple Authors in an Eleventy Blog
How to handle multiple authors in Eleventy, with custom author profile pages.
By Raymond Camden (104 posts)
Hiding Future Content with Eleventy
How to use custom filters and collections to hide Eleventy content for the future.
By Raymond Camden (104 posts)
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.
By Khalid Abuhakmeh (3 posts)
Checking (and Upgrading) Template Engines in Eleventy
How to check the version of embedded template engines in Eleventy
By Raymond Camden (104 posts)
2019
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โฆ
By Remy Sharp (2 posts)