Skip to main content

Official 11ty docs

Collections

Collections — Eleventy

64 posts in 'Collections'

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

Categories: CollectionsConfigurationHow to...

How to add tags with links to hub topic pages in 11ty

Categories: CollectionsHow 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.

Categories: BloggingCollectionsDatesHow 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.

Categories: CollectionsFiltersHow to...

Eleventy - Group posts by year

Let's create a blog with posts grouped by year in descending order. This is actually tricky to pull off!

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

Categories: BloggingCollectionsFront MatterRSSSocial Media

Eleventy 🤝 Immich

HOW DO YOU DO, PLEASE STATE YOUR PROBLEM _

Categories: CollectionsHow to...ImagesPlugins

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.

Categories: CollectionsConfigurationLayouts

Right here, right now

A brief explanation of the way I built the "Right now" box on my homepage.

Categories: CollectionsData CascadeDatesHow 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.

Categories: BloggingCollectionsConfigurationInternationalizationLayouts

Generating the Firehose page on the 11tybundle site

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

Categories: CollectionsHow to...Remote Data

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.

Categories: BloggingCollectionsFront MatterHow to...Layouts

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.

Categories: CollectionsHow to...

CloudCannon + Eleventy

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

Categories: DeploymentHow to...CollectionsConfiguration

Filtering tags within Eleventy.js collections

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

Categories: FiltersCollectionsHow to...

Eleventy Collection Schemas

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

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 2.0.1. Eleventy v3.0 is currently under development and available for testing.

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.

Categories: CollectionsHow to...

How to programmatically add tags to posts in 11ty

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

Categories: BloggingCollectionsConfigurationHow to...Plugins

Using the Airtable API with Eleventy Collections

A detailed guide to building a reading list with the Airtable API and templated Eleventy data. Includes general guidance regarding personal access tokens and environment variables, relevant to most API projects.

Categories: Remote DataCollections

Support Draft Blog Posts in Eleventy

A look at various ways of supporting draft posts with Eleventy

Categories: How to...ConfigurationCollectionsDrafts

Creating a now page archive with 11ty

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

Categories: CollectionsFront MatterHow to...LayoutsNavigationNow Page

11ty aliases the right way

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

Categories: CollectionsConfigurationHow 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!

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 2.0.1. Eleventy v3.0 is currently under development and available for testing.

Eleventy Custom Content Type Collections and Layouts

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

Categories: CollectionsLayouts

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.

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

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

Categories: Remote DataCollectionsHow 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

Categories: CollectionsHow to...Global Data

Dynamic Short URLs with Eleventy

Creating URL aliases dynamically with Eleventy

Categories: Front MatterCollectionsHow 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

Categories: Collections

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.

Categories: CMSCollections

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

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

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.

Categories: PaginationHow 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.

Categories: Data CascadeCollections

Group posts by year in Eleventy

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

Categories: DatesHow to...Collections

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.

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.

Categories: Collections

Hiding Future Content with Eleventy

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

Categories: How to...Front MatterFiltersCollections

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.

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.

Categories: Collections

Adding a Last Edited Field to Eleventy

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

Categories: How to...CollectionsConfigurationDates

Adding Search to your Eleventy Static Site with Lunr

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

Categories: SearchCollectionsConfiguration

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…

Categories: CollectionsFiltersHow to...Drafts

Get the blog by email (or RSS)

Powered by Buttondown