Issue 1
Mar 28, 2023
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.
Mar 24, 2023
A minimal generic web-development web server. Contribute to 11ty/eleventy-dev-server development by...
Mar 13, 2023
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
Evan Sheehan · Mar 29, 2023
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.
Cory Dransfeldt · Mar 27, 2023
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.
Cory Dransfeldt · Mar 27, 2023
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.
Cory Dransfeldt · Mar 18, 2023
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.
Stephanie Eckles · Mar 18, 2023
Categories: How to...
Supporting PDF Embeds in an Eleventy WebC Component
Adding support for the Adobe PDF Embed with an Eleventy WebC Component
Raymond Camden · Mar 1, 2023
Categories: How to...
Upgrading to Eleventy 2.0.0
A step-by-step for an incredibly easy process, again.
Dana Byerly · Feb 26, 2023
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.
Silvestar Bistrović · Feb 24, 2023
Categories: CSS/Sass
Eleventy Collection Schemas
Use this 11ty plugin to enforce a typed frontmatter schema for templates within an Eleventy collection.
Stephanie Eckles · Feb 17, 2023
Categories: Collections
Using JavaScript in a WebC Component
Father, husband, developer relations and web standards expert, and cat demo builder.
Raymond Camden · Feb 3, 2023
Categories: WebC
Adding Webmentions to Your Site
Some notes on what webmentions are and how I implemented them for this site
Robb Knight · Jan 30, 2023
Categories: Webmentions
Quick WebC Tip
How to enable better color coding for your WebC templates
Raymond Camden · Jan 27, 2023
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.
Stephanie Eckles · Jan 26, 2023
Categories: How to...Edge Functions
Why I use Eleventy
High school student and open source developer.
Ryan Cao · Nov 4, 2022
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.
Bryce Wray · Sep 20, 2022
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.
Ben Myers · Feb 21, 2021
Categories: Data CascadeGlobal Data
Built with Eleventy
A blog about making culture. Since 1999.
A curated collection of Web Components resources
Personal website of Rafael Conde
I’m a front‑end developer working at Apple .
Frontend developer in love with the Web, browsers, bicycles, and podcasting
All about C# and .NET coding from Vaclav Elias
Twitter was often a powerful tool for good, despite its numerous vices. It's time to figure out what...
Molly White's activity feed
CloudCannon.com officially switched our website over to build with Eleventy, and the results with...
Oh man, it always feels good to roll out a fresh site design! I had a lot of fun with this one,...
- Next post: Issue 2