Issue 24 - Snowfall edition...Can you say 3.0 alpha? And 2 releases, 2 starters, 7 posts, and 10 sites to see.
Dec 17, 2023
3 minutes to read
Welcome to Issue 24 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.
To end the year, we've got some exciting stuff.
First off, Zach has released Eleventy v3.0.0-alpha.2 to the world. And he's actively seeking courageous canary testers. Yes, we're looking at you. Zach kicked off the testing and the Eleventy website is running on 3.0.0-alpha.2, AND it's all been converted to ESM.
I just jumped on the bandwagon this evening and now this very 11tybundle site is running on it! Note that Eleventy v3.0 requires Node 18 or newer. Since this site is built and deployed by Netlify, I had to set an environment variable, NODE_VERSION, to 18 to eliminate a build error. Other than that, all I had to do locally was install the alpha version of Eleventy, like this...
npm install @11ty/eleventy@canary --save-exact
Read the instructions carefully as there are some other caveats that depend on certain plugins you may be using. This site runs pretty vanilla, so that was all I had to do to get the alpha of 3.0 running.
Check out Zach's blog post and give it a try on one or a few of your side projects or other non-critical projects. It's incredibly easy to do. Let's help shake the bugs out of it.
Earlier in the week Zach released some fun in the form of a snow-fall web component. You're seeing it now on this blog post. I also have it running on my personal site. There, it's on every page. But for this site, I've set it up as a front matter setting so I can control where it appears. Right now, it's only on this post.
One other new item of note is one of the starters. Named Niépce, it's a feature-rich photography portfolio site. It's named for Nicéphore Niépce, a French inventor and one of the earliest pioneers of photography. Check it out on GitHub. It's also the basis of the author's own photography site.
I hope that you all enjoy your holiday season and have a wonderful New Year!
I'll see you in 2024...
Recent releases
A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...
Dec 17, 2023
Adds support for WebC *.webc files to Eleventy. Contribute to 11ty/eleventy-plugin-webc development...
Dec 16, 2023
Posts from around the web since the last Bundle issue
Migrating my site from NextJS to Eleventy
I recently migrated my website from NextJS to Eleventy.
Dec 17, 2023
by Sandro Roth (2 posts) · Website & RSS feed
Categories: Migrating to EleventyWebCWhy Eleventy?
Syntax highlighting code in Eleventy posts
A quick tutorial about how to enable syntax highlighting of code blocks in Eleventy posts
Dec 16, 2023
Eleventy brings me joy
Ramblings about how and why I re-wrote this site completely soon after I first published it
Dec 14, 2023
by Martin Gunnarsson (9 posts) · Website & RSS feed
Categories: Why Eleventy?
Let’s create a microblog with visual editing using Bookshop and Eleventy
Visual editing is table stakes for a modern content management workflow.
Dec 7, 2023
by Zach Leatherman (44 posts) · Website & RSS feed
Categories: BloggingCMSCSS/SassConfigurationHow to...
Adding pagefind to my Eleventy personal site
I've been wanting to add search functionality to this site for a while. Pagefind made it simple.
Dec 6, 2023
Programmatically importing your Last.fm listening data to ListenBrainz
I love Last.fm, but in the interest of redundancy, Ive started programmatically importing my listening data from Last.fm into ListenBrainz.
Dec 5, 2023
by Cory Dransfeldt (42 posts) · Website & RSS feed
Categories: Data CascadeGlobal DataHow to...Remote Data
Eleventy WebC in a nutshell
Dec 2, 2023
by Rob Anderson (5 posts) · Website & RSS feed
Categories: ConfigurationLayoutsPluginsWebC
Built with Eleventy
Here are the new sites to see. If you want to see more sites, check out the Eleventy Leaderboards.
An article, talk, or tool that focuses on HTML every day until Christmas.
Wacky Horoscopes is a silly daily astrological reading that doesn't even pretend to be useful or...
Katanas, Espadas y complementos anime
A simple and hackable style sheet
Maker of web things, Lego builder, sometimes blogger, sporadic pizzaiolo, fortnightly podcaster. Cat...
I'm currently a founder & freelance product manager working on...
Will Vincent - broadcast quality voiceover - fast & hassle free, for your commercial, radio imaging,...