Skip to main content

Issue 24 - Snowfall edition...Can you say 3.0 alpha? And 2 releases, 2 starters, 7 posts, and 10 sites to see.

3 minutes to read

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

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

eleventy v3.0.0-alpha.2

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

Eleventy WebC v0.11.2

Adds support for WebC *.webc files to Eleventy. Contribute to 11ty/eleventy-plugin-webc development...

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.

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

Categories: CSS/SassHow to...Plugins

Eleventy brings me joy

Ramblings about how and why I re-wrote this site completely soon after I first published it

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.

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.

Categories: How to...Search

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.

Categories: Data CascadeGlobal DataHow to...Remote Data

Built with Eleventy

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

HTMHell Advent Calendar 2023

An article, talk, or tool that focuses on HTML every day until Christmas.

Wacky Horoscopes

Wacky Horoscopes is a silly daily astrological reading that doesn't even pretend to be useful or...

Tot Manga

Katanas, Espadas y complementos anime

beCSS

A simple and hackable style sheet

Robb Knight

Maker of web things, Lego builder, sometimes blogger, sporadic pizzaiolo, fortnightly podcaster. Cat...

Ear to the Noise

I'm currently a founder & freelance product manager working on...

Atom Editor

At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but...

refreshdc

Refresh DC is a group of Web Designers, Web Developers, and other New Media Professionals gathering...

Space Holder

You could settle for a basic grey box to show your placeholder images or you could substitute actual...

Will Vincent

Will Vincent - broadcast quality voiceover - fast & hassle free, for your commercial, radio imaging,...

Get the blog by email (or RSS)

Powered by Buttondown