Issue 56 - Trevor Morris on fire, Max does live CMS previews, Harris reveals his source, Zach talks web components with Oddbird, Metadata for the starters...And 1 release, 10 posts and 11 sites to see

Sep 3, 2024

4 minutes to read

Get this by email

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

An email version of this blog is available. Subscribe here.

Trevor Morris on fire. Since the last issue, Trevor Morris has been on a tear with four interesting and useful posts. Go to that link or see them below. I found his post on Organising Eleventy Filters, Shortcodes and more… to be particularly useful and I think I will be adopting some of the techniques he describes.

Max does live CMS previews. Max Böck has a very in-depth post on "How to set up on-demand building in Eleventy to allow live content previews with Sanity CMS." If you're using Sanity as your CMS, this is a must-read.

Harris reveals his source. Harris Lapiroff shows us how we can see the underlying source code for his blog posts by simply adding a file extension to the post link. Unlike the browser's view source feature, with Harris' method you can see the front matter and post content as written. Check it out. I think it's pretty cool.

Zach talks web components with Oddbird. Zach participated in a wide-ranging discussion with Miriam Suzanne and James Stuckey Weber of Oddbird around all aspects of web components. While I don't recall much of any mention of WebC, it was a fascinating conversation. Check it out.

Metadata for the Starters. Well, I did some of the work that I mentioned last time, i.e., adding some metadata to each of the Starters. I used the GitHub API to gather much of this.

Each starter in the list now includes the following metadata:

• date of the last commit to the repo
• number of GitHub stars
• Eleventy version as listed in package.json file
• link to a demo site (if one exists)

The main page lists the starters in order of the last commit date. This will help you identify the most active starters. You can also sort the list by the number of GitHub stars using the link next to the main page title.

A note to starter authors: I'd encourage you to provide a demo site for your starter. I had to go to each starter repo to locate the demo link, but was disappointed to see that a few don't have one. It's a great way to show off your work! If you add one, please send me an email as there's no way for me to detect this automatically.

Speaking of starters...while they have not been merged into their respective mains just yet, my sources (meaning some GitHub notifications) indicate that there are new versions of Adam Stoddard's Grease starter and the eleventy-base-blog in the works. I'm looking forward to seeing them go live.

Until next time...

Recent releases

Posts from around the web

Built with Eleventy

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

• Previous post: Issue 55 - An Xray vision plugin, A refactored RSS aggregator, Another starter gets an upgrade to v3, Simple Eleventy 3 Excerpts, Sia gets protection from AI bots at Cloudflare...And 7 posts and 9 sites to see
• Next post: Issue 57 - Eleventy joins forces with Font Awesome, Eleventy v3.0.0-alpha.20 has landed, Aleksandr shows us a better way to image, Rob O'Leary does charts with zero JS, An update to pagefind...And 5 releases, 9 posts and 6 sites to see