Skip to main content

Issue 40 - Another canary, Tolkien's 'eleventy', Transforms in the docs, Dev Server 2.0, eleventy-img beta, Validate your data, Embed everything, Two new starters, 11ty conference speakers...And 3 releases, 7 posts, and 2 sites to see

3 minutes to read

Welcome to Issue 40 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.

The email version of this blog is closing in on a whopping 30 subscribers. Subscribe here.

More cowbell! I mean more canary! Eleventy 3.0.0-alpha.7 is out today. It includes "the eleventyDataSchema property (function callback, async-friendly) in the data cascade" as Zach notes in this GitHub issue comment.

J.R.R. Tolkien's 'eleventy' You may be familiar with the story behind the name Eleventy. Zach recounts it here in this short clip from a recent conversation with Jenn Schiffer at Glitch. But did you know that J.R.R. Tolkien probably knew that "eleventy" was an Old English word? That's according to this reddit post. And this Guardian piece to celebrate the author's 111th birthday.

Transforms in the docs Transforms can modify a template's output. For example, you can "use a transform to format/prettify an HTML file with proper whitespace." Check out the Transforms docs.

Dev server 2.0.0 The latest version of the Dev Server bumps the node version requirement from 14 to 18+ (a breaking change), along with bug fixes and some minor improvements. Check out the release notes, and in the docs.

eleventy-img plugin v5.0.0-beta.1 The excellent eleventy-img plugin has a new beta release. But I have no idea what's new in it as the tagged release page has no notes.

Validate your data Coming soon to Eleventy 3.0.0-alpha.7 is "the eleventyDataSchema property (function callback, async-friendly) in the data cascade" as Zach notes in this GitHub issue comment.

Embed everything Here's "a collection of Eleventy plugins that allow you to easily embed common media formats in your Markdown using only their URLs."

Two new starters These came across my radar this week and they appear to be well-documented. If you're looking to get started with Eleventy, these might be worth a look. See them on GitHub at eleventy-duo by Yinka Adedire and eleventy-alembic-starter by Rob Anderson. Their respective demo pages are here and here.

11ty conference speakers...so far Zach has started dripping out the list of speakers for the upcoming 11ty conference (register here).

Until next time...

Recent releases

Eleventy v3.0.0-alpha.7

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

eleventy-img v.5.0.0-beta.1

Utility to perform build-time image transformations. - Release v5.0.0-beta.1 · 11ty/eleventy-img

Eleventy Dev Server v2.0.0

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

Posts from around the web since the last Bundle issue

Improving page load times with pagination in Eleventy

This is probably a very obvious one for everyone; the less content on the page, the quicker it will load.

Apr 19, 2024

Categories: How to...PaginationPerformance

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

Categories: CollectionsHow to...Pagination

Deploy a Static Website to AWS S3 with Official GitHub Actions

Modern IT & InfoSec for the Discerningly Lazy

Apr 15, 2024

Categories: DeploymentHow to...

Blockin' Bots with Eleventy

The 11ty equivalent of Ethan Marcotte's Jekyll solution

Apr 15, 2024

Categories: How to...Permalinks

Assigning an active page in Eleventy navigation

A small tip for computed navigation, when the URL structures don’t all match.

Feb 3, 2024

Categories: How to...NavigationPagination

Built with Eleventy

Here are the new sites to see. If you want to see more sites, check out the Eleventy Leaderboards.

Anita Cheng

San Francisco-based content strategist, using robust information architecture and content design to...

Get the blog by email (or RSS)

Powered by Buttondown