Skip to main content

Issue 1

4 minutes to read

Welcome to Issue 1 of the 11ty Bundle. 11ty, aka Eleventy, is a 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 templating languages, including HTML, Markdown, Nunjucks, Liquid, and more, which gives developers the freedom to choose the languages they are most comfortable with or that best suit their project's needs.

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.

Eleventy Dev Server v1.0.4

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

Eleventy Bundle Plugin v1.04

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

Eleventy v2.0.1: a Bug Fix Release

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

Posts from around the web

Easy Date and Time Formatting with Luxon

Two great tastes that taste great together

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.

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.

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.

Categories: Remote DataNow Page

Smart Incremental Rebuilds With eleventyImport

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

Categories: How to...

Supporting PDF Embeds in an Eleventy WebC Component

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

Categories: How to...

Upgrading to Eleventy 2.0.0

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

Categories: How to...

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.

Categories: CSS/Sass

Eleventy Collection Schemas

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

Categories: Collections

Using JavaScript in a WebC Component

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

Categories: WebC

Adding Webmentions to Your Site

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

Categories: Webmentions

Quick WebC Tip

How to enable better color coding for your WebC templates

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.

Categories: How to...Edge Functions

Why I use Eleventy

High school student and open source developer.

Categories: Why Eleventy?

Word count and reading time in Eleventy

Want to give your readers an idea of what’s ahead? Here’s some code to make that no biggie.

Categories: How to...

I Finally Understand Eleventy's Data Cascade

Where does Eleventy get all of its data? Which data overrules other data? I've documented my whole mental model of Eleventy's data cascade.

Categories: Data CascadeGlobal Data

Built with Eleventy

Anil Dash

A blog about making culture. Since 1999.

Web Components Today

A curated collection of Web Components resources

Rafael Conde

Personal website of Rafael Conde

Gabrielle Wee

I’m a front‑end developer working at Apple .

Vadim Makeev

Frontend developer in love with the Web, browsers, bicycles, and podcasting

Václav Eliáš

All about C# and .NET coding from Vaclav Elias

Delete Twitter

Twitter was often a powerful tool for good, despite its numerous vices. It's time to figure out what...

Molly White

Molly White's activity feed

CloudCannon officially switched our website over to build with Eleventy, and the results with...

Keith J. Grant

Oh man, it always feels good to roll out a fresh site design! I had a lot of fun with this one,...

Get the blog by email (or RSS)

Powered by Buttondown