Issue 1

Mar 28, 2023

5 minutes to read

Welcome to Issue 1 of the 11ty Bundle. 11ty, aka Eleventy, is a "simpler static site generator" that is designed to be simple, flexible, and highly customizable. It is built on Node.js and allows developers to create websites by transforming templates and data into static HTML files. It supports multiple template languages, giving developers the freedom to choose the languages that best suit the needs of their project.

Why?, you ask.

I felt that there was so much happening in the world of Eleventy as I watch the Discord Server, Mastodon, and my RSS reader, it seemed appropriate to step back and put together a curated version of what I'm seeing in the hopes that others might find this useful.

Who knows, perhaps this belongs in an Eleventy newsletter of some sort. If you think so, feel free to drop me a line at bob dot monsour at gmail.

UPDATED: 2023-04-18 - I have added descriptions to each of the blog post entries. These are extracted from the blog post page itself as provided by the post's author.

UPDATED: 2023-04-07 - Releases and Blog posts are now sorted in reverse chronological order. I've updated this and subsequent posts to use Airtable as a data source to ease the process of preparing new issues. This will also make it easier to support user-supplied content down the road.

Recent releases

Eleventy WebC v0.10.1: New built-in webc.* helpers

Single File Web Components. Contribute to 11ty/webc development by creating an account on GitHub.

Mar 24, 2023

Eleventy Dev Server v1.0.4

A minimal generic web-development web server. Contribute to 11ty/eleventy-dev-server development by...

Mar 13, 2023

Eleventy Bundle Plugin v1.04

Little bundles of code, little bundles of joy. Contribute to 11ty/eleventy-plugin-bundle development...

Mar 8, 2023

Eleventy v2.0.1: a Bug Fix Release

A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...

Mar 2, 2023

Posts from around the web

Easy Date and Time Formatting with Luxon

Two great tastes that taste great together

Mar 29, 2023

by Evan Sheehan (7 posts) · Website & RSS feed

Categories: Dates

Lazy select-based pagination in Eleventy

I've relaunched, rebuilt and rewritten my personal blog more times than I can count, and I've had a trail of posts I've never fully migrated at each turn. This weekend, while relaxing and watching movies I ported them into Eleventy and, in doing so, found that the pagination implementation I was using didn't scale well with the number of pages I added.

Mar 27, 2023

by Cory Dransfeldt (34 posts) · Website & RSS feed

Categories: Pagination

Automate and syndicate content from Eleventy to Mastodon

I've discussed building a now page using Eleventy, but I also syndicate a subset of that content out to Mastodon using @11ty/eleventy-activity-feed and Make.

Mar 27, 2023

by Cory Dransfeldt (34 posts) · Website & RSS feed

Categories: Social Media

Building my /now page using Eleventy

As part of my commitment to writing about things I've written in other frameworks in Eleventy, this is how I re-engineered my /now page in Eleventy.

Mar 18, 2023

by Cory Dransfeldt (34 posts) · Website & RSS feed

Categories: Remote Data Now Page

Smart Incremental Rebuilds With eleventyImport

Ensure templates that display content from collections, like a blog index, rebuild when associated collection content changes.

Mar 18, 2023

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

Categories: How to...

Supporting PDF Embeds in an Eleventy WebC Component

Adding support for the Adobe PDF Embed with an Eleventy WebC Component

Mar 1, 2023

by Raymond Camden (100 posts) · Website & RSS feed

Categories: How to...

Upgrading to Eleventy 2.0.0

A step-by-step for an incredibly easy process, again.

Feb 26, 2023

by Dana Byerly (8 posts) · Website & RSS feed

Categories: How to...Upgrading

Extracting and using Critical CSS on my Eleventy site

This week I made some enhancements to extracting and implementing Critical CSS on my website that runs on Eleventy. Let's delve into its workings and features.

Feb 24, 2023

by Silvestar Bistrović (3 posts) · Website & RSS feed

Categories: CSS/Sass

Using WebC for progressively-enhanced UI elements

Feb 23, 2023

by Lewis Dale (4 posts) · Website & RSS feed

Categories: WebC

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

Using JavaScript in a WebC Component

Father, husband, developer relations and web standards expert, and cat demo builder.

Feb 3, 2023

by Raymond Camden (100 posts) · Website & RSS feed

Categories: WebC

Adding Webmentions to Your Site

Some notes on what webmentions are and how I implemented them for this site

Jan 30, 2023

by Robb Knight (18 posts) · Website & RSS feed

Categories: Webmentions

Quick WebC Tip

How to enable better color coding for your WebC templates

Jan 27, 2023

by Raymond Camden (100 posts) · Website & RSS feed

Categories: WebC

Building A Membership Site With 11ty

Do you want to offer exclusive content, but also have full control over the platform you use? With the power combo of Eleventy, Netlify, and Supabase, we’ll create an authenticated membership site, no frameworks required.

Jan 26, 2023

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

Categories: How to...Edge Functions