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.

A docs page for Eleventy, a simpler static site generator.

Web development blog. The good, bad, and ugly (mostly bad and ugly)

Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats

11ty filter to filter a collection (array) by key:value pair - used to filter on custom taxonomies other than tags (source: https://paulrobertlloyd.com/) - 11ty_contains.js

How to add parameters to an Eleventy filter.

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

Replacement for `url` filter that creates relative links - michaelfig/eleventy-filter-relative-url: Replacement for `url` filter that creates relative links

Learn several ways to randomly pick or subset data, or limit the returned results from a data array.

Filters in Eleventy (11ty) are a way to mutate data including string variables or arrays such as collections. Learn to create a filter for use on a collection which will select a random item from the collection.

This week, we’re going to dive into 11ty filters. We’ll use 1 built-in filter, and make 2 custom filters.

If you find yourself writing the same `if` statement multiple times, add it to `.eleventy.js` as a filter and keep a single source of truth

One of my favorite things about 11ty is its flexibility and how easily you can customize your chosen template language without having to leave the familiar comfort of the Node ecosystem.