95 posts in &#39;Collections&#39;

Categories: CMS Collections Data Cascade Global Data Images Search

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: Collections Data Cascade Filters Front Matter How to...Layouts

Eleventy (11ty) year, year-month, and year-monty-day indexes

The personal blog of Thomas Steiner

Nov 2, 2024

by Thomas Steiner (1 post) · Website & RSS feed

Categories: Blogging Collections Dates Filters How to...Pagination

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.

Oct 27, 2024

Categories: Collections Dates How to...

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: Blogging CSS/Sass Collections Configuration Data Cascade Filters Getting Started Global Data Layouts Markdown Navigation Pagination Plugins Shortcodes

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.

Oct 4, 2024

Categories: Collections How to...RSS

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. I started by creating two collections using markdown files. Each collection had a template data file which pointed to a specific layout template for the individual posts.…

Sep 24, 2024

by Trevor Morris (8 posts) · Website & RSS feed

Categories: Collections Filters How to...Pagination

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

Sep 22, 2024

Categories: Collections How to...RSS

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.

Sep 21, 2024

by Christian Fei (1 post) · Website & RSS feed

Categories: Collections Filters How to...

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.

Aug 28, 2024

by Trevor Morris (8 posts) · Website & RSS feed

Categories: Collections Configuration Filters How to...Shortcodes

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.

Aug 26, 2024

by Trevor Morris (8 posts) · Website & RSS feed

Categories: Collections Filters How to...

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.

Jul 1, 2024

Categories: Collections Filters How to...Search

Twenty year celebration: Site update number three

Jun 23, 2024

by Peter Sefton (1 post) · Website

Categories: Collections How to...Images Why Eleventy?

Category and genre pages return

Jun 20, 2024

by Nicki Hoffman (2 posts) · Website & RSS feed

Categories: Collections Pagination

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

Jun 15, 2024

by Jeremy Faucher (8 posts) · Website & RSS feed

Categories: Collections How to...

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?

Jun 5, 2024

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

Categories: Collections How to...Remote Data RSS

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

Jun 3, 2024

Categories: CMS Collections Layouts Remote Data

Updating to Eleventy v3

I took some time this week to upgrade my site to the newest version of Eleventy. Here's what I learned.

Jun 1, 2024

by Max Böck (8 posts) · Website & RSS feed

Categories: Collections How to...Images Plugins Upgrading

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.

May 26, 2024

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

Categories: Collections Configuration Global Data How to...

A custom collection to sort events with Eleventy

I made a custom collection with a filter to sort events by their custom date data.

May 9, 2024

by Sami Määttä (6 posts) · Website

Categories: Collections Dates Filters Front Matter Nunjucks/Macros

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.

May 8, 2024

by Dustin Whisman (5 posts) · Website & RSS feed

Categories: Collections How to...RSS

How I surf the web, manage my online bookmarks and share exciting hyperlinks with the community.

Apr 30, 2024

by fLaMEd (10 posts) · Website & RSS feed

Categories: Collections How to...Pagination Remote Data RSS

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

Apr 29, 2024

by Aaron Goldenthal (4 posts) · Website & RSS feed

Categories: Collections Configuration How to...Social Media

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 paginating over a list of blog post years, I found I wanted to also paginate again over the posts in those years, so I could have at most 20 posts on a single list page.

Apr 17, 2024

by Alistair Deneys (2 posts) · Website

Categories: Collections How to...Pagination

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

Apr 8, 2024

by Aaron Goldenthal (4 posts) · Website & RSS feed

Categories: Collections Configuration How to...

Filter an Eleventy Collection Using Your Own Custom Front Matter

Apr 4, 2024

by Dan Urbanoicz (1 post) · Website

Categories: Front Matter How to...Filters Collections

Mar 24, 2024

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

Categories: Collections Data Cascade Navigation

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.

Mar 17, 2024

by Simon Cox (14 posts) · Website & RSS feed

Categories: Collections How to...

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.

Mar 13, 2024

by Jordan Kohl (8 posts) · Website

Categories: Blogging Collections Dates How to...

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.

Mar 9, 2024

Categories: Collections Filters How to...

Draft Posts in Eleventy

Local-only posts enhance the author experience

Mar 6, 2024

by Henry Bley-Vroman (4 posts) · Website & RSS feed

Categories: Blogging Collections Configuration Drafts How to...

My Eleventy site setup

Mar 3, 2024

by anh (3 posts) · Website & RSS feed

Categories: Blogging Collections Front Matter Getting Started Global Data Shortcodes

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.

Mar 1, 2024

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

Categories: Blogging Collections Configuration Dates How to...

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

Feb 27, 2024

by Grigør (2 posts) · Website

Categories: Blogging Collections Front Matter RSS Social Media

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.

Feb 21, 2024

Categories: Collections Dates How to...Markdown

Update: Bookmarks Are Back

This website has a bookmarks directory now.

Feb 15, 2024

Categories: Collections How to...

Eleventy 🤝 Immich

A quick image gallery using Eleventy and backed by Immich

Feb 12, 2024

by Chris Burgess (2 posts) · Website & RSS feed

Categories: Collections How to...Images Plugins

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.

Jan 26, 2024

by Andy Bell (3 posts) · Website & RSS feed

Categories: Collections Configuration How to...Layouts Pagination

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.

Jan 20, 2024

by David Eastman (2 posts) · Website & RSS feed

Categories: Collections Configuration Layouts

Update: Tags Are Back

This website used to have tags. They were gone for about 3 years, but they're back now.

Jan 16, 2024

Categories: Blogging Collections How to...Pagination

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: Collections Data Cascade Dates How to...Now Page

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.

Dec 23, 2023

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

Categories: Blogging Collections Configuration Internationalization Layouts

Grouping posts by year with nunjucks in Eleventy

Group by year in a clear and readable manner.

Nov 24, 2023

by Christopher Kirk-Nielsen (11 posts) · Website & RSS feed

Categories: Collections Dates Filters How to...Nunjucks/Macros

Generating the Firehose page on the 11tybundle site

Here's how the Firehose page of the 11tybundle.dev site is built.

Nov 21, 2023

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

Categories: Collections How to...Remote Data

Building post types and category RSS feeds in Eleventy

Nov 19, 2023

by Sophie Koonin (5 posts) · Website & RSS feed

Categories: Blogging Collections How to...Pagination RSS

Eleventy Splitting Category Data Across Two Table Columns

Nov 18, 2023

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

Categories: Collections How to...

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.

Oct 3, 2023

by Tomek Poniatowicz (2 posts) · Website & RSS feed

Categories: Blogging Collections Front Matter How to...Layouts

Making Author Pages for an Academic Journal in Eleventy, or, How to Manipulate Collection Data in Eleventy

Sep 23, 2023

by Micah Torcellini (1 post) · Website & RSS feed

Categories: Pagination How to...Collections

How to create a drafts page for an 11ty blog

Sep 13, 2023

by Luke Harris (1 post) · Website & RSS feed

Categories: Collections Drafts

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.

Sep 10, 2023

Categories: Collections How to...

CloudCannon + Eleventy

Getting CloudCannon setup with your Eleventy project is easier than you think

Sep 6, 2023

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

Categories: Deployment How to...Collections Configuration

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 because they came for free. However the difference between them was a bit fuzzy, as evidenced by how inconsistently they are used, both here and around the Web. I was mainly using Categories for the type of article (Articles, Rants, Releases, Tips, Tutorials, News, Thoughts), however there were also categories that were more like content tags (e.g. CSS WG, Original, Speaking, Benchmarks). This was easily solved by moving the latter to actual tags. However, tags are no panacea, there are several issues with them as well.

Jul 20, 2023

by Lea Verou (4 posts) · Website & RSS feed

Categories: How to...Collections

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” to allow users to move to higher levels of the information architecture by hacking off the end of the URL What does this mean in practice? It means it’s not enough if tags/foo/ shows all posts tagged “foo”, tags/ should also show all tags. Similarly, it’s not enough if /blog/2023/04/private-fields-considered-harmful/ links to the corresponding blog post, but also: /blog/2023/04/ should show all posts from April 2023 /blog/2023/ should show all posts from 2023 /blog/ should show all posts

Jul 19, 2023

by Lea Verou (4 posts) · Website & RSS feed

Categories: Pagination Collections Filters Dates

Filtering tags within Eleventy.js collections

JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.

Feb 21, 2023

by Jordan Kohl (8 posts) · Website

Categories: Filters Collections How to...

Eleventy Collection Schemas

Use this 11ty plugin to enforce a typed frontmatter schema for templates within an Eleventy collection.

Feb 17, 2023

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

Categories: Collections

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

JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.

Feb 2, 2023

by Jordan Kohl (8 posts) · Website

Categories: Collections How to...

How to programmatically add tags to posts in 11ty

Blog and general digital garden of the full stack programmer Simon Dann.

Jan 30, 2023

by Simon Dann (11 posts) · Website & RSS feed

Categories: Blogging Collections Configuration How to...Plugins

Support Draft Blog Posts in Eleventy

A look at various ways of supporting draft posts with Eleventy

Aug 14, 2022

Categories: How to...Configuration Collections Drafts

Creating a now page archive with 11ty

Blog and general digital garden of the full stack programmer Simon Dann.

May 17, 2022

by Simon Dann (11 posts) · Website & RSS feed

Categories: Collections Front Matter How to...Layouts Navigation Now Page

11ty aliases the right way

A short little tutorial on how to make redirects in 11ty that aren't awful.

Mar 20, 2022

by Evan Boehs (2 posts) · Website & RSS feed

Categories: Collections Configuration How to...Pagination

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!

Mar 12, 2022

by Evan Boehs (2 posts) · Website & RSS feed

Categories: Collections

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

Eleventy Custom Content Type Collections and Layouts

How-to on creating separate collections and layouts for a custom content type. In this case: cocktails!

Jan 4, 2022

by Josh Cunningham (2 posts) · Website & RSS feed

Categories: Collections Layouts

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.

Nov 11, 2021

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

Categories: Collections

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

Jul 26, 2021

Categories: Collections How to...Remote Data

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

Jul 12, 2021

Categories: Remote Data Collections How to...RSS

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

Jun 28, 2021

Categories: Collections How to...Global Data

Dynamic Short URLs with Eleventy

Creating URL aliases dynamically with Eleventy

Jun 22, 2021

Categories: Front Matter Collections How to...

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

May 31, 2021

Categories: Collections

Create posts in Eleventy using collections

May 14, 2021

by Michael Chan (7 posts) · Website

Categories: Collections How to...

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.

Apr 25, 2021

by Bryan Robinson (15 posts) · Website

Categories: CMS Collections

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

Apr 12, 2021

Categories: Collections How to...

Collection archive in Eleventy

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

Mar 17, 2021

by Bernard Nijenhuis (8 posts) · Website

Categories: How to...Collections

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.

Mar 7, 2021

by Brian Perry (1 post) · Website

Categories: Pagination How to...Collections

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

Group posts by year in Eleventy

Using a custom 11ty collection to group post by any attribute.

Jan 31, 2021

by Darek Kay (5 posts) · Website & RSS feed

Categories: Dates How to...Collections

Custom collection list markup in Eleventy

Dec 15, 2020

by Dan Denney (1 post) · Website

Categories: Collections How to...

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.

Oct 31, 2020

by Tanner Dolby (2 posts) · Website

Categories: Collections

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.

Sep 3, 2020

by Rares Portan (5 posts) · Website & RSS feed

Categories: Collections

Hiding Future Content with Eleventy

How to use custom filters and collections to hide Eleventy content for the future.

Aug 7, 2020

Categories: How to...Front Matter Filters Collections

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.

May 20, 2020

by Grant Smith (1 post) · Website & RSS feed

Categories: How to...Collections

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.

Mar 4, 2020

by Jérôme Coupé (10 posts) · Website & RSS feed

Categories: Collections

Adding a Last Edited Field to Eleventy

How to add a "Last Edited" value to Eleventy pages.

Feb 6, 2020

Categories: How to...Collections Configuration Dates

Adding Search to your Eleventy Static Site with Lunr

Using Lunr to add client-site search to your static site

Oct 20, 2019