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
Apr 23, 2024
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
A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...
Apr 23, 2024
Utility to perform build-time image transformations. - Release v5.0.0-beta.1 · 11ty/eleventy-img
Apr 22, 2024
A minimal generic web-development web server. Contribute to 11ty/eleventy-dev-server development by...
Apr 19, 2024
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
by Thomas Rigby (6 posts) · Website & RSS feed
Categories: How to...PaginationPerformance
Eleventy website to GitHub Pages with GitHub Actions
Medium post
Apr 17, 2024
Categories: DeploymentGetting Started
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
by Alistair Deneys (2 posts) · Website
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
by Lucas Cantor (1 post) · Website & RSS feed
Categories: DeploymentHow to...
Blockin' Bots with Eleventy
The 11ty equivalent of Ethan Marcotte's Jekyll solution
Apr 15, 2024
by Dave Slusher (2 posts) · Website & RSS feed
Categories: How to...Permalinks
Migrating from Wordpress to Eleventy
It's about time
Apr 12, 2024
by Dave Slusher (2 posts) · Website & RSS feed
Categories: Migrating to Eleventy
Assigning an active page in Eleventy navigation
A small tip for computed navigation, when the URL structures don’t all match.
Feb 3, 2024
by Anita Cheng (1 post) · Website
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.
San Francisco-based content strategist, using robust information architecture and content design to...
- Previous post: Issue 39 - Another canary, Netlify redirects in your front matter, a speedlify question, just an index.md...And 5 posts and 4 sites to see.
- Next post: Issue 41 - This site's 1st birthday, the 11ty conference is next week, Generate robots.txt, Two more starters, Some radar sightings...And 1 release, 3 posts, and 3 sites to see