Issue 61 - Fill out Survey Awesome, Eleventy Import arrives, Jérôme Coupé updated his Eleventy Intro, Robb Knight cooks, New docs for Eleventy Fetch 5, Pagefind v1.2.0, Pack11ty at v3.0.0...And 14 releases, 19 posts and 22 sites to see
Nov 26, 2024
8 minutes to read
Welcome to Issue 61 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.
Some notes from Bob:
-
We're back from our international travel. It's been almost a month since the last issue, so this issue is a big one.
-
I've decided to do a little housekeeping. I've removed one starter that was on a version of Eleventy less than 1.0. I've also removed a few sites that were no longer available.
-
For those of you who subscribe to the email version of this, apologies in advance for the "message clipping" that Gmail will likely do.
-
Enjoy!
Fill out Survey Awesome. From the Eleventy blog, Zach is asking for help by filling out Survey Awesome: "As 11ty joined Font Awesome a few short months ago, our project is again relying on survey results to inform future priorities and focus. Alongside the Font Awesome folks, we’re giving the 11ty Community a first look at Survey Awesome — a larger and more comprehensive survey about how folks are building for the web, start to end."
Eleventy Import arrives. Zach recently released a new thing, eleventy-import. It's a small utility (and CLI) to import content files from various content sources. Check out the features.
Jérôme Coupé updated his Eleventy Intro. Just heard about this last night, but it's an awesome intro to Eleventy that Jérôme uses to teach a workshop.
Robb Knight cooks. Robb has spilled (at least) three blog posts about using cooklang, a Recipe Markup Language, culminating in this one, titled Adding Cooklang Support to Eleventy Three Ways.
New docs for Eleventy Fetch 5. The docs for the Eleventy Fetch plugin have been updated to reflect the latest version, i.e., v5.0+. Here's a look at the release notes, full of the new goodies.
Pagefind v1.2.0. The popular static site search package, Pagefind, has been updated to v1.2.0. Check out the release notes. I have not updated here or on my personal site yet.
Pack11ty at v3.0.0. Nicolas Hoizey has updated his opinionated Eleventy template to v3.0.0. It's an exceptionally feature-rich starter. Check out the docs.
One more thing...speeding up local build times. I recently wrote a short blog post about how I updated my personal site by removing the shortcode related to the eleventy-img plugin and making use of the new-in-v5 of the plugin Transform capability. I don't think that the impact on local build times has been highlighted well enough. In short, when you use the Transform and you're developing locally, images are not processed until requested by the browser. This deferred processing is handled in the Eleventy dev server. It reduced my local build time from 15 seconds to about 1 second. If you want a deeper dive, Aleksandr Hovhannisyan has an excellent post about it. Also, check out the docs. If you have an image-heavy site, you won't regret the time spent to integrate this approach. Your build times will thank you.
I think that's more than a mouthful for this issue.
Until next time...
Recent releases
Utility to import content from multiple services (and a CLI, too) - Release Eleventy Import v1.0.3 ·...
Nov 22, 2024
Utility to import content from multiple services (and a CLI, too) - Release Eleventy Import v1.0.2 ·...
Nov 21, 2024
Utility to import content from multiple services (and a CLI, too) - Release Eleventy Import v1.0.1 ·...
Nov 20, 2024
Utility to cache any remote asset: Image, Video, Web Font, CSS, JSON, etc - Release Eleventy Fetch...
Nov 17, 2024
Utility to import content from multiple services (and a CLI, too) - 11ty/eleventy-import
Nov 16, 2024
Utility to cache any remote asset: Image, Video, Web Font, CSS, JSON, etc - Release Eleventy Fetch...
Nov 16, 2024
Utility to cache any remote asset: Image, Video, Web Font, CSS, JSON, etc - Release Eleventy Fetch...
Nov 16, 2024
Utility to cache any remote asset: Image, Video, Web Font, CSS, JSON, etc - Release Eleventy Fetch...
Nov 14, 2024
A plugin to use Vite with Eleventy. Contribute to 11ty/eleventy-plugin-vite development by creating...
Nov 11, 2024
eleventy-plugin-vite v6.0.0-alpha.3
A plugin to use Vite with Eleventy. Contribute to 11ty/eleventy-plugin-vite development by creating...
Nov 11, 2024
Utility to cache any remote asset: Image, Video, Web Font, CSS, JSON, etc - Release Eleventy Fetch...
Nov 9, 2024
A plugin to use Vite with Eleventy. Contribute to 11ty/eleventy-plugin-vite development by creating...
Nov 9, 2024
eleventy-plugin-vite-v6.0.0-alpha.2
A plugin to use Vite with Eleventy. Contribute to 11ty/eleventy-plugin-vite development by creating...
Nov 9, 2024
eleventy-plugin-vite v6.0.0-alpha.1
A plugin to use Vite with Eleventy. Contribute to 11ty/eleventy-plugin-vite development by creating...
Nov 7, 2024
Posts from around the web
Eleventy Introduction
An introduction to Eleventy (11ty). Contribute to jeromecoupe/iad_eleventy_introduction development by creating an account on GitHub.
Nov 25, 2024
by Jérôme Coupé (10 posts) · Website
Categories: Getting Started
Eleventy Transform speeds local development...a lot!
I just converted all the images on my site to use the Eleventy Transform capability in v3.0.0 and wow did it slash my local build times.
Nov 24, 2024
by Bob Monsour (13 posts) · Website & RSS feed
Categories: Images
Notes on Upgrading to Eleventy 3.0
My blog is now generated by Eleventy 3.0, which was released last month. The upgrade process took me a few hours split over two evenings and I took a few notes. This probably isn’t an interesting write up for hardly anyone – but if you have any of the same 11ty concerns I do, you may find a solution in here.
Nov 21, 2024
by Harris Lapiroff (4 posts) · Website & RSS feed
Categories: CSS/SassDatesFiltersPaginationPermalinksUpgrading
Build static website with 11ty. Part 2
Nov 21, 2024
by ProDeveloper (2 posts) · Website & RSS feed
Categories: BloggingCSS/SassConfigurationGetting StartedRSS
Archiving your Twitter account with Eleventy
The Twitter we knew is dead, but I wanted to preserve an archive of my account, on my own terms. Here's how I did it.
Nov 20, 2024
by Graham F. Scott (4 posts) · Website & RSS feed
Categories: How to...Social Media
How to build static website with 11ty
In this tutorial, you will learn how to create lean, multipage static website with 11ty framework. Use Markdown for content management.
Nov 17, 2024
by ProDeveloper (2 posts) · Website & RSS feed
Categories: BloggingGetting Started
Integrating Jupyter Notebook Cells in Eleventy Posts
Blog about programming, scientific machine learning and the related techniques and methods.
Nov 13, 2024
by Valentin Pratz (1 post) · Website & RSS feed
Categories: How to...ImagesPluginsShortcodes
Adding PageFind search to eleventy (11ty) site
How to use Pagefind to add search to your Eleventy static site.
Nov 12, 2024
Becoming an Astro-not
I spent an entire weekend migrating my Eleventy site to Astro—and then back to Eleventy! A reflection on using the right tool for the job, when many options are viable.
Nov 10, 2024
by Sage Fennel (1 post) · Website & RSS feed
Categories: Why Eleventy?
Oops, I built a headless frontend with 11ty
My journey with 11ty’s global data went something like this:“This is where my little text strings go”“Neat, I can use javascript to set dynamic values”“Liter...
Nov 10, 2024
by Adam Stoddard (2 posts) · Website & RSS feed
Categories: CMSCollectionsGlobal DataHow to...PaginationRemote Data
Here's how this is all put together
I've been fiddling with this site for the better part of a year now and now that it's fairly stable, I'm putting together what amounts to a public README (or a note to self). This post is that document.
Nov 8, 2024
by Cory Dransfeldt (43 posts) · Website & RSS feed
Categories: CMSCollectionsData CascadeGlobal DataImagesSearch
Adding Cooklang Support to Eleventy Three Ways
How I added my recipes to my blog posts with cooklang and the recipe schema
Nov 7, 2024
by Robb Knight (19 posts) · Website & RSS feed
Categories: CollectionsData CascadeFiltersFront MatterHow to...Layouts
Building My Resume in HTML using Eleventy
Nov 3, 2024
by Michael Engen (1 post) · Website
Categories: CSS/SassGlobal DataHow to...
Adding Sidebars to an Eleventy Site
Nov 3, 2024
by John M. Wargo (43 posts) · Website & RSS feed
Categories: CSS/SassHow to...Shortcodes
Eleventy (11ty) year, year-month, and year-monty-day indexes
The personal blog of Thomas Steiner
Nov 2, 2024
by Thomas Steiner (1 post) · Website & RSS feed
Categories: BloggingCollectionsDatesFiltersHow to...Pagination
Migrating from WordPress.com to self-hosted Eleventy via Ghost
Web standards, accessibility, free/open source software, old UNIX/TV/Music and occasional wargaming
Oct 30, 2024
by Dr. Matt Lee (1 post) · Website & RSS feed
Categories: CSS/SassMigrating to Eleventy
Share to the Fediverse with ShareOpenly
A share button that connects to Mastodon, BlueSky, Micro.blog, Threads and more. Here's how I've hooked it up to Eleventy.
Oct 30, 2024
by Kelson Vibber (1 post) · Website & RSS feed
Categories: BloggingHow to...Social Media
How I teach Eleventy from scratch
I love how in Eleventy, you can build a site step-by-step and at each small step, have a functional website. In this post, I describe a workshop structure I’ve used lately to teach a few of my friends how to build a static site with Eleventy.
Oct 6, 2024
by Juha-Matti Santala (14 posts) · Website & RSS feed
Categories: BloggingConfigurationFiltersGetting StartedHow to...Plugins
Built with Eleventy
Here are the new sites to see. If you want to see more sites, check out the Eleventy Leaderboards.
Web standards, accessibility, free/open source software, old UNIX/TV/Music and occasional wargaming....
collecting shiny thoughts
Paloma Kop - experimental multimedia artist
Over a decade building seamless web experiences. Web accessibility advocate. Technical lead behind...
The Jolly Teapot: A blog by Nicolas Magand featuring a blend of tech and media links.
Top Remodeling Companies in Las Vegas
Your go-to directory for expert remodeling contractors in Las Vegas: kitchens, bathrooms, flooring,...
art director/designer
Welcome to the online playground of Adam Chamberlin. Consummate Athlete And DOM Element Wrangler.
A self-taught, frontend developer focused on building fast, easy to-use and accessible websites
Enhanced version of the Nasa astronomy picture of the day website
Frontend web developer, turned engineering manager.
fotografering, friluftsliv, kartor & annatfotografering, friluftsliv, kartor & annat
Been there, done that, got the badge
Dipanjan Biswas is a London-based product designer.
Captain of the Intrepid-class USS Voyager in 2371
Blog about programming, scientific machine learning and the related techniques and methods.
Look! Hate Capitalism merch. Wow! Buy it! OMG.
Homepage of Matthew W. Thomas, an Economist
Playdate is the new handheld that comes with a unique 1-bit screen and 24 free games! The Playdate...
I'm Reilly Spitzfaden, a composer who likes noise, code, electronics, and nostalgia. This site has...