HTTP/2 200 date: Sun, 28 Dec 2025 11:01:17 GMT content-type: application/xml access-control-allow-origin: * cache-control: public, max-age=0, must-revalidate nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800} referrer-policy: strict-origin-when-cross-origin x-content-type-options: nosniff vary: accept-encoding report-to: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=lILFr%2BAGv%2BaE4OGb4mfLZ1E81R6%2BaUGoNrdQ99FdG5%2BBUl5DhZj2FPUOxfHbZIPt3Jc%2BF%2BsoEtfDpvMFmfeJY%2FHfXI4vDk4tXesgVR%2Bf"}]} etag: W/"a7d2bd942d4cc52afd5ca648fe56653a" content-encoding: gzip server: cloudflare cf-cache-status: DYNAMIC cf-ray: 9b508f06bf0f4455-BOM alt-svc: h3=":443"; ma=86400 The 11ty Bundle: A curated feed of 11ty resources. 2025-12-11T00:00:00Z https://11tybundle.dev/ Bob Monsour bob.monsour@gmail.com 2025-12-11T00:00:00Z https://11tybundle.dev/blog/11ty-bundle-81/

11ty Bundle Issue 81

<hr /> <h2>A note from Bob:</h2> <p>My collaboration with <a href="https://damianwalsh.co.uk/">Damian Walsh</a> on the redesign of this site has intensified over recent weeks. Working with Damian has been a joy. The site is pretty much a ground up rebuild of the HTML and CSS. And I've continued to do work under the hood to improve how the presented data is prepared and structured prior to templating. It's been a lot of work for both of us, but also a lot of fun.</p> <p>Enjoy!</p> <hr /> <h2>Highlights</h2> <p><strong>11ty Meetup recap.</strong> On <s>December</s> November 18th, <a href="https://vrugtehagel.nl/">vrugtehagel</a> graced us with a presentation on <a href="https://vento.js.org/">the Vento templating language</a>. <a href="https://www.youtube.com/watch?v=_854y7c0D-0&amp;t=1s">In the video</a>, he shares the what, the why and the how of Vento, and demonstrates how to use it within an Eleventy project. A great watch! While not recorded, I had a chance to preview the site redesign that Damian and I are working on.</p> <p>Many thanks to all of you who provided valuable feedback via the survey as well as during the meetup. Here's a sneak peek of what awaits you (yes, dark mode is coming!).</p> <p><img src="https://11tybundle.dev/assets/img/redesign-sneak-peek.png" alt="Sneak peek of the new 11ty Bundle design" /></p> <p><strong>Zach secures Eleventy.</strong> In light of the reccent <a href="https://socket.dev/blog/shai-hulud-strikes-again-v2">Shai Hulud security incident</a>, Zach has put in the hard work of ensuring Eleventy is secure by hardening its package publishing process. Zach's post is titled <a href="https://www.zachleat.com/web/npm-security/">No more tokens! Locking down npm Publish Workflows</a>. It sure feels good to know that Eleventy is in such capable hands.</p> <p><strong>Another v4 alpha emerges.</strong> <a href="https://github.com/11ty/eleventy/releases/tag/v4.0.0-alpha.5">Release notes for Pre-release: Eleventy v4.0.0-alpha.5</a> are up on GitHub.</p> <p><strong>Zach forks Nunjucks.</strong> Two days ago on Mastodon, Zach noted: <a href="https://fediverse.zachleat.com/@zachleat/115690869039097995"><em>&quot;I don’t know if this is a good decision but it also feels long overdue&quot;</em></a> He was talking about creating a fork of the Nunjucks templating language. And now <a href="https://github.com/11ty/nunjucks/releases/tag/v4.0.0-alpha.1">v4.0.0-alpha.1</a> has been released. This should be fun to watch.</p> <p><strong>Quesby arrives.</strong> <a href="https://quesby.dev/">Quesby</a>, billing itself as a <em>&quot;A modern boilerplate built on Eleventy and Nunjucks with privacy and performance in mind.&quot;</em> Their post titled <a href="https://quesby.dev/blog/why-eleventy-still-matters-in-2026-and-why-quesby-builds-on-it/">Why Eleventy Still Matters in 2026 (and Why Quesby Builds on It)</a> is a good read. Even if you don't wish to consider adopting their boilerplace, they make a compelling case for why Eleventy is still a great choice for static site generation. <em>Note:</em> I have not yet added all of their relevant blog posts to the bundle, so feel free to <a href="https://quesby.dev/blog/">review their blog</a> for more goodness.</p> <p>I'm going to end this note here, as I the posts and sites below await your perusal (that, and I'm heads-down on this redesign work).</p> <p>Until next time...</p> <hr /> <div id="releases"></div> <h2>Recent releases</h2> <p></p><div class="bundlereleases" data-pagefind-ignore="index"><p></p> <p></p><div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-dev-server/releases/tag/v3.0.0-alpha.6" data-link-type="external">Eleventy Dev Server v3.0.0-alpha.6</a></p> <p class="bundleitem-description">A minimal generic web-development web server. Contribute to 11ty/eleventy-dev-server development by...</p> <p class="bundleitem-dateline">Dec 10, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/nunjucks/releases/tag/v4.0.0-alpha.1" data-link-type="external">Nunjucks v4.0.0-alpha.1</a></p> <p class="bundleitem-description">A powerful templating engine with inheritance, asynchronous control, and more (jinja2 inspired) -...</p> <p class="bundleitem-dateline">Dec 10, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v4.0.0-alpha.5" data-link-type="external">Pre-release: Eleventy v4.0.0-alpha.5</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">Dec 5, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-dev-server/releases/tag/v3.0.0-alpha.5" data-link-type="external">Eleventy Dev Server v3.0.0-alpha.5</a></p> <p class="bundleitem-description">A minimal generic web-development web server. Contribute to 11ty/eleventy-dev-server development by...</p> <p class="bundleitem-dateline">Dec 5, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-upgrade-help/releases/tag/v3.0.2" data-link-type="external">Eleventy Upgrade Help v3.0.2</a></p> <p class="bundleitem-description">Helper plugin when upgrading your Eleventy project to a new major version. - Release Eleventy...</p> <p class="bundleitem-dateline">Dec 2, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-navigation/releases/tag/v1.0.5" data-link-type="external">Navigation v1.0.5</a></p> <p class="bundleitem-description">A plugin for creating hierarchical navigation in Eleventy projects. Supports breadcrumbs too! -...</p> <p class="bundleitem-dateline">Dec 2, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-dev-server/releases/tag/v3.0.0-alpha.4" data-link-type="external">Eleventy Dev Server v3.0.0-alpha.4</a></p> <p class="bundleitem-description">A minimal generic web-development web server. Contribute to 11ty/eleventy-dev-server development by...</p> <p class="bundleitem-dateline">Dec 2, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-rss/releases/tag/v3.0.0-alpha.3" data-link-type="external">Eleventy RSS v3.0.0-alpha.3</a></p> <p class="bundleitem-description">A pack of Eleventy plugins for generating an RSS feed. - Release Eleventy RSS v3.0.0-alpha.3 ·...</p> <p class="bundleitem-dateline">Dec 2, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-fetch/releases/tag/v5.1.1" data-link-type="external">Eleventy Fetch v5.1.1</a></p> <p class="bundleitem-description">Utility to cache any remote asset: Image, Video, Web Font, CSS, JSON, etc - Release Eleventy Fetch...</p> <p class="bundleitem-dateline">Dec 2, 2025</p> </div></div><p></p> <div id="posts"></div> <h2>Posts from around the web</h2> <p></p><div class="bundleposts" data-pagefind-ignore="index"> <div class="bundleitem"> <a href="https://www.kylereddoch.me/blog/cooling-down-the-servers-by-adding-a-little-snow/" class="bundleitem-title" ID="kyle-reddoch-cooling-down-the-servers-by-adding-a-little-snow-2025-12-10T12:40:55.000" data-pagefind-ignore="" data-link-type="external">Cooling Down the Servers by Adding a Little Snow</a> <p class="bundleitem-description">Cool your servers off with some CSS snow as we wire up the snow-fall web component in a self hosted Eleventy setup, complete with color, count, and reduced motion tweaks.</p> <p class="bundleitem-date">Dec 10, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/kyle-reddoch/">Kyle Reddoch (4 posts)</a> · <a href="https://www.kylereddoch.me/">Website</a> &amp; <a href="https://www.kylereddoch.me/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/layouts/">Layouts</a></p> </div> <div class="bundleitem"> <a href="https://www.roboleary.net/blog/eleventy-today/" class="bundleitem-title" ID="rob-o-leary-eleventy-today-s-date-as-a-global-variable-2025-12-08T10:43:36.000" data-pagefind-ignore="" data-link-type="external">Eleventy - today’s date as a global variable</a> <p class="bundleitem-description">Sometimes, you want to use today's date in a template. One example is a copyright notice that includes the current year. Not all templating languages provide a simple way to get the current date.</p> <p class="bundleitem-date">Dec 8, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/rob-o-leary/">Rob O'Leary (13 posts)</a> · <a href="https://www.roboleary.net/">Website</a> &amp; <a href="https://www.roboleary.net/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/dates/">Dates</a><a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/nunjucks-macros/">Nunjucks/Macros</a></p> </div> <div class="bundleitem"> <a href="https://www.11ty.dev/blog/npm-security/" class="bundleitem-title" ID="zach-leatherman-securely-publishing-our-packages-to-npm-2025-12-04T16:57:57.000" data-pagefind-ignore="" data-link-type="external">Securely Publishing our Packages to npm</a> <p class="bundleitem-description">Securely Publishing our Packages to npm — Eleventy</p> <p class="bundleitem-date">Dec 4, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/zach-leatherman/">Zach Leatherman (81 posts)</a> · <a href="https://www.11ty.dev/">Website</a> &amp; <a href="https://www.11ty.dev/firehose/firehose.rss">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/from-the-source/">From the Source</a></p> </div> <div class="bundleitem"> <a href="https://world.optimizely.com/blogs/Minesh-Shah/Dates/2025/12/building-a-lightweight-optimizely-saas-cms-solution-with-11ty/" class="bundleitem-title" ID="minesh-shah-building-a-lightweight-optimizely-saas-cms-solution-with-11ty-2025-12-04T10:05:09.000" data-pagefind-ignore="" data-link-type="external">Building a Lightweight Optimizely SaaS CMS Solution with 11ty</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Dec 4, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/minesh-shah/">Minesh Shah (1 post)</a> · <a href="https://world.optimizely.com/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/performance/">Performance</a><a href="https://11tybundle.dev/categories/pagination/">Pagination</a><a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://hamatti.org/posts/i-built-a-tiny-rss-generator-for-my-advent-of-code-solutions/" class="bundleitem-title" ID="juha-matti-santala-i-built-a-tiny-rss-generator-for-my-advent-of-code-solutions-2025-12-02T10:05:09.000" data-pagefind-ignore="" data-link-type="external">I built a tiny RSS generator for my Advent of Code solutions</a> <p class="bundleitem-description">My current publishing setup for my notes doesn’t allow separate feeds for different categories so I built a small tool for my website to add entries manually to a separate feed with a single CLI call.</p> <p class="bundleitem-date">Dec 2, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/juha-matti-santala/">Juha-Matti Santala (22 posts)</a> · <a href="https://hamatti.org/">Website</a> &amp; <a href="https://hamatti.org/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/rss/">RSS</a></p> </div> <div class="bundleitem"> <a href="https://meiert.com/blog/eleventy-html-minification/" class="bundleitem-title" ID="jens-oliver-meiert-eleventy-how-to-set-up-effective-html-minification-in-24-seconds-2025-11-28T10:08:36.000" data-pagefind-ignore="" data-link-type="external">Eleventy: How to Set Up Effective HTML Minification (in 24 Seconds)</a> <p class="bundleitem-description">Install, add import and config, done.</p> <p class="bundleitem-date">Nov 28, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jens-oliver-meiert/">Jens Oliver Meiert (3 posts)</a> · <a href="https://meiert.com/">Website</a> &amp; <a href="https://meiert.com/feed/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://gregoryhammond.ca/blog/display-headlines-from-rss/" class="bundleitem-title" ID="gregory-hammond-using-javascript-and-eleventy-to-display-headlines-from-multiple-rss-feeds-2025-11-27T10:06:34.000" data-pagefind-ignore="" data-link-type="external">Using JavaScript and Eleventy to display headlines from multiple RSS feeds</a> <p class="bundleitem-description">What if you want to show off the latest blog post from multiple websites that don't offer an API to do so? If you have Eleventy, then you can follow this guide for a starter.</p> <p class="bundleitem-date">Nov 27, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/gregory-hammond/">Gregory Hammond (3 posts)</a> · <a href="https://gregoryhammond.ca/">Website</a> &amp; <a href="https://gregoryhammond.ca/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/rss/">RSS</a></p> </div> <div class="bundleitem"> <a href="https://11tycms.com/blog/posts/11tycms-major-accessibility-improvements-css-and-editor-tweaks-welcome-wizards-and-better-site-support/" class="bundleitem-title" ID="jessie-heald-11tycms-major-accessibility-improvements-css-and-editor-tweaks-a-new-welcome-wizard-and-better-site-support-2025-11-26T12:15:59.000" data-pagefind-ignore="" data-link-type="external">11tyCMS: Major accessibility improvements, CSS and editor tweaks, a new welcome wizard and better site support</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Nov 26, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jessie-heald/">Jessie Heald (12 posts)</a> · <a href="https://11tycms.com/">Website</a> &amp; <a href="https://11tycms.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/accessibility/">Accessibility</a><a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a></p> </div> <div class="bundleitem"> <a href="https://blog.rubenwardy.com/2025/11/25/eleventy-translation/" class="bundleitem-title" ID="andrew-ward-eleventy-11ty-string-based-translation-with-i18next-2025-11-25T15:30:56.000" data-pagefind-ignore="" data-link-type="external">Eleventy (11ty) string-based translation with i18next</a> <p class="bundleitem-description">This article shows how you can make an Eleventy (11ty) website translatable on a string-by-string basis, supporting translation platforms such as Weblate.</p> <p class="bundleitem-date">Nov 25, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/andrew-ward/">Andrew Ward (5 posts)</a> · <a href="https://blog.rubenwardy.com/">Website</a> &amp; <a href="https://blog.rubenwardy.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/internationalization/">Internationalization</a></p> </div> <div class="bundleitem"> <a href="https://blog.martin-haehnel.de/2025/11/23/my-new-on-demand-image-resizing-pipeline-for-eleventy/" class="bundleitem-title" ID="martin-haehnel-my-new-on-demand-image-resizing-pipeline-for-eleventy-2025-11-23T17:45:31.000" data-pagefind-ignore="" data-link-type="external">My New On-Demand Image Resizing Pipeline for Eleventy</a> <p class="bundleitem-description">Don't get me wrong: I love using Eleventy . I am benefiting so much of its little and big conveniences and generally agree…</p> <p class="bundleitem-date">Nov 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/martin-haehnel/">Martin Hähnel (14 posts)</a> · <a href="https://blog.martin-haehnel.de/">Website</a> &amp; <a href="https://blog.martin-haehnel.de/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/asset-pipelines/">Asset Pipelines</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/performance/">Performance</a></p> </div> <div class="bundleitem"> <a href="https://alfredbaudisch.com/blog/migrating-from-wordpress-to-11ty/" class="bundleitem-title" ID="alfred-reinold-baudisch-migrating-from-wordpress-to-11ty-eleventy-2025-11-22T18:26:00.000" data-pagefind-ignore="" data-link-type="external">Migrating from WordPress to 11ty (Eleventy)</a> <p class="bundleitem-description">This site was migrated from WordPress to 11ty (Eleventy). Here's how I did it, including how to import and convert WordPress content that relies heavily...</p> <p class="bundleitem-date">Nov 22, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/alfred-reinold-baudisch/">Alfred Reinold Baudisch (1 post)</a> · <a href="https://alfredbaudisch.com/">Website</a> &amp; <a href="https://alfredbaudisch.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/collections/">Collections</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/front-matter/">Front Matter</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/rss/">RSS</a><a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://www.adamdjbrett.com/blog/2025-11-22-eleventy-xmit-redirects/" class="bundleitem-title" ID="adam-dj-brett-xmit-redirects-and-11ty-2025-11-22T14:25:59.000" data-pagefind-ignore="" data-link-type="external">XMIT Redirects and 11ty</a> <p class="bundleitem-description">Using XMIT Redirects on an Eleventy site deploying to XMIT via GitHub Actions</p> <p class="bundleitem-date">Nov 22, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/adam-dj-brett/">Adam DJ Brett (10 posts)</a> · <a href="https://www.adamdjbrett.com/">Website</a> &amp; <a href="https://www.adamdjbrett.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/debugging/">Debugging</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://www.adamdjbrett.com/blog/deploying-eleventy-xmit/" class="bundleitem-title" ID="adam-dj-brett-deploying-an-eleventy-site-to-xmit-using-github-actions-2025-11-20T10:05:37.000" data-pagefind-ignore="" data-link-type="external">Deploying an Eleventy Site to XMIT using GitHub Actions</a> <p class="bundleitem-description">using the #indieweb and not the VC web for hosting</p> <p class="bundleitem-date">Nov 20, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/adam-dj-brett/">Adam DJ Brett (10 posts)</a> · <a href="https://www.adamdjbrett.com/">Website</a> &amp; <a href="https://www.adamdjbrett.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://danburzo.ro/notes/eleventy-esbuild/" class="bundleitem-title" ID="dan-catalin-burzo-using-esbuild-in-eleventy-2025-11-19T14:59:18.000" data-pagefind-ignore="" data-link-type="external">Using esbuild in Eleventy</a> <p class="bundleitem-description">The personal website of Dan Cătălin Burzo.</p> <p class="bundleitem-date">Nov 19, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/dan-catalin-burzo/">Dan Cătălin Burzo (6 posts)</a> · <a href="https://danburzo.ro/">Website</a> &amp; <a href="https://danburzo.ro/feeds/posts.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/asset-pipelines/">Asset Pipelines</a><a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/nunjucks-macros/">Nunjucks/Macros</a></p> </div> <div class="bundleitem"> <a href="https://claytonerrington.com/blog/updated-bookmarks/?utm_source=rss" class="bundleitem-title" ID="clayton-errington-updated-bookmarks-2025-11-15" data-pagefind-ignore="" data-link-type="external">Updated Bookmarks</a> <p class="bundleitem-description">I've been using raindrop for my bookmarks and updated my bookmarks page</p> <p class="bundleitem-date">Nov 15, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/clayton-errington/">Clayton Errington (19 posts)</a> · <a href="https://claytonerrington.com/">Website</a> &amp; <a href="https://claytonerrington.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/nunjucks-macros/">Nunjucks/Macros</a></p> </div> </div><p></p> <div id="sites"></div> <h2>Built with Eleventy</h2> <p>Here are the new sites to see. If you want to see more sites, check out the <a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a>.</p> <p></p><div class="bundlesites" data-pagefind-ignore="index"> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://jasonwhite.us/" data-link-type="external">Jason White</a></p> <p class="bundleitem-description">Generalist designer based in Charlotte, NC</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://brunopulis.com/" data-link-type="external">Bruno Pulis</a></p> <p class="bundleitem-description">Desenvolvedor e engenheiro de acessibilidade</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://strangersbyspring.com/" data-link-type="external">strangers, by spring</a></p> <p class="bundleitem-description">Strangers, By Spring is a blog about escapism, romance, and rebirth.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://jndjs.dev/" data-link-type="external">Je note donc je suis</a></p> <p class="bundleitem-description">Accueil — Un jardin numérique en chantier perpétuel made in Bruxelles</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://pnetto.com/" data-link-type="external">Pedro Netto</a></p> <p class="bundleitem-description">Pedro Netto&amp;#39;s website - Welcome</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://l.prry.uk/" data-link-type="external">lprry</a></p> <p class="bundleitem-description">Burnley based, I talk about learning code and the indieWeb, staying fit by running, cycling,...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://api.swordfight.me/" data-link-type="external">SwordFight API</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://swordfight.me/" data-link-type="external">Swordfight.me</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://jonplummer.com/" data-link-type="external">Jon Plummer</a></p> <p class="bundleitem-description">UX design leader sharing insights on design, leadership, and product development. Experience at...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://samhuth.com/" data-link-type="external">Samuel Huth</a></p> <p class="bundleitem-description">Web development, SEO, UX Design and Accessability. Visit the personal website of Samuel Huth, web...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://lunabee.dev/" data-link-type="external">Luna Bee</a></p> <p class="bundleitem-description">A portfolio and blog site for Luna.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://dominationchronicles.com/" data-link-type="external">The Domination Chronicles</a></p> <p class="bundleitem-description">Because domination isn’t a metaphor—it’s a system</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.c-results.uk/" data-link-type="external">C-Results Design &amp; Printing</a></p> <p class="bundleitem-description">C-Results offers professional print services, design, digital marketing, and local advertising in...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://flyingsquirrel.ca/" data-link-type="external">the flying squirrel</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://jessieheald.com/" data-link-type="external">Jessie Heald</a></p> <p class="bundleitem-description">I&amp;#39;m a full stack React and Node developer, based in Birmingham, UK. I&amp;#39;m a results and impact...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://indigenouslawinstitute.com/" data-link-type="external">Indigenous Law Institute</a></p> <p class="bundleitem-description">A Movement Toward Restoration and Healing</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://catraxx.de/" data-link-type="external">Catraxx</a></p> <p class="bundleitem-description">Personal Website of catraxx, frontend developer.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://stevennewcomb.com/" data-link-type="external">Steven T. Newcomb</a></p> <p class="bundleitem-description">A Shawnee-Lenape scholar and author exploring Indigenous histories and legacies of resistance.</p> </div></div><p></p> 2025-11-11T00:00:00Z https://11tybundle.dev/blog/11ty-bundle-80/

11ty Bundle Issue 80

<p><em>An email version of this blog is available. <strong><a href="https://11tybundle.dev/blog/11ty-bundle-80/#newsletter-subscribe">Subscribe here</a></strong>.</em></p> <hr /> <p><strong><em>A note from Bob:</em></strong></p> <p>I'm excited to announce that I am collaborating with <a href="https://damianwalsh.co.uk/">Damian Walsh</a> on a redesign of the 11ty Bundle website. We have some ideas and even some mockups, but before we get too far ahead of ourselves, we thought it best to do some good old user research. That's where you come in.</p> <p>I've created <a href="https://docs.google.com/forms/d/e/1FAIpQLSfef-ekQaPHSRnIQY8iUn-fmR79P1BXep-j2jPM3RKCDEcDnw/viewform?usp=sharing&amp;ouid=116404147894481708789">a survey</a> to capture some data, and more importantly, to give you an opportunity to share your thoughts about the site and how it could be more useful to you and the rest of the Eleventy community. It's short and sweet and your input would be greatly apprecaiated. <a href="https://docs.google.com/forms/d/e/1FAIpQLSfef-ekQaPHSRnIQY8iUn-fmR79P1BXep-j2jPM3RKCDEcDnw/viewform?usp=sharing&amp;ouid=116404147894481708789">Take the survey here</a>. If you run into any issues with the survey link, please let me know by <a href="mailto:bob.monsour@gmail.com?subject=11ty%20Bundle%20survey%20comments">email here</a>.</p> <p>Go ahead and open it in a new tab so you can fill it out after reading the rest of this issue.</p> <p>If you want to skip the preliminaries and get right to <a href="https://11tybundle.dev/blog/11ty-bundle-80/#releases">the releases</a> or <a href="https://11tybundle.dev/blog/11ty-bundle-80/#posts">the posts</a>, or <a href="https://11tybundle.dev/blog/11ty-bundle-80/#sites">the sites</a>, have at it.</p> <p>Enjoy!</p> <hr /> <blockquote> <p>NOTE: While I tend to open with highlights of a handful of things that caught my eye, there is so much more in the <a href="https://11tybundle.dev/blog/11ty-bundle-80/#posts">list of posts</a> down below. Please be sure to check them all out.</p> </blockquote> <p><strong>11ty Meetup videos.</strong> Feast your eyes on <a href="https://www.youtube.com/playlist?list=PLJy3jyeGVYUqx2NkWM_LatM2g2FbLNxPM">the playlist of Episode 27</a> of THE Eleventy Meetup, featuring <a href="https://helenchong.dev/">Helen Chong</a>, showing us how to build a multilingual blog with Eleventy; and <a href="https://www.nicchan.me/">Nic Chan</a> on powering a world-class museum's digital infrastructure with Eleventy.</p> <p><strong>11ty GitHub Issues are a changing.</strong> Zach has updated how he handles GitHub Issues for Eleventy and he <a href="https://www.11ty.dev/blog/github-issues/">wrote about it here</a>. It makes a lot of sense and should help Zach manage things better. And from what I can tell, he's been working hard to reduce the Issue backlog, with many of them being converted to Discussions.</p> <p><strong>Kyle embeds Mastodon posts.</strong> <a href="https://www.kylereddoch.me/">Kyle Reddoch</a> has developed a shortcode for embedding Mastodon posts in Eleventy sites. <a href="https://www.kylereddoch.me/blog/embedding-mastodon-posts-in-eleventy-my-journey/">Check it out</a>.</p> <p><strong>Stefan makes a free image gallery.</strong> <a href="https://stefanbohacek.com/">Stefan Bohacek</a> shows how to create an image gallery and host it for fee on Neocities. <a href="https://stefanbohacek.com/blog/making-a-free-image-gallery-with-11ty-and-neocities-org/">Check it out</a>.</p> <p><strong>A facepile for all.</strong> Zach has updated the Facepile that is shown on every page of the 11ty docs. He's <a href="https://www.zachleat.com/web/permanent-eleventy-facepile/">recently described</a> how he has updated it to include everyone who has ever <a href="https://opencollective.com/11ty">supported Eleventy via Open Collective</a>.</p> <p><strong>Hitchens theme for 11ty.</strong> <a href="https://www.shellen.com/">Jason Shellen</a> has adapted Pat Dryburgh's <a href="https://github.com/patdryburgh/hitchens/#readme">Hitchens theme</a>, what Pat had dubbed <em>&quot;An inarguably well-designed Jekkyll theme.&quot;</em> Jason has recreated it for Eleventy. <a href="https://github.com/shellen/hitchens-eleventy?tab=readme-ov-file#hitchens-for-eleventy">Check it out</a>.</p> <p><strong>Kaj Kander dives into schema markup.</strong> <a href="https://kajkandler.com/">Kaj Kander</a> has provided a couple of resources to show how you can add schema markup (and <a href="https://kajkandler.github.io/eleventy-base-blog-with-schema/blog/importance_of_schema_markup/">why you would want to</a>) to your sites. He's <a href="https://kajkandler.github.io/eleventy-base-blog-with-schema/blog/">done it for the Eleventy base blog</a>. He presented all of this on Episode 25 of the 11ty Meetup; check out <a href="https://www.youtube.com/watch?v=Z-83f8qa0_c">the video</a>. And after the meetup, <a href="https://www.simoncox.com/">Simon Cox</a> dove right in and developed a &quot;modular and automated&quot; <a href="https://www.simoncox.com/post/2025-10-28-creating-a-modular-approach-to-json-schema-in-an-eleventy-website/">workflow</a> that works for him.</p> <p>Until next time...</p> <hr /> <div id="releases"></div> <h2>Recent releases</h2> <p></p><div class="bundlereleases" data-pagefind-ignore="index"><p></p> <p></p><p>No new releases since the last issue.</p></div><p></p> <div id="posts"></div> <h2>Posts from around the web</h2> <p></p><div class="bundleposts" data-pagefind-ignore="index"> <div class="bundleitem"> <a href="https://nathanupchurch.com/blog/let-it-snow/" class="bundleitem-title" ID="nathan-upchurch-let-it-snow-adding-a-falling-snow-effect-to-your-eleventy-website-2025-11-10T21:14:14.000" data-pagefind-ignore="" data-link-type="external">Let it Snow: Adding a Falling-Snow Effect to Your Eleventy Website</a> <p class="bundleitem-description">As you can see, I'm getting my priorities in order. Here's how I added a falling-snow effect to my website.</p> <p class="bundleitem-date">Nov 10, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/nathan-upchurch/">Nathan Upchurch (4 posts)</a> · <a href="https://nathanupchurch.com/">Website</a> &amp; <a href="https://nathanupchurch.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/layouts/">Layouts</a></p> </div> <div class="bundleitem"> <a href="https://stefanbohacek.com/blog/making-a-free-image-gallery-with-11ty-and-neocities-org/" class="bundleitem-title" ID="stefan-bohacek-making-a-free-image-gallery-with-11ty-and-neocities-org-2025-11-10T09:52:26.000" data-pagefind-ignore="" data-link-type="external">Making a free image gallery with 11ty and Neocities.org</a> <p class="bundleitem-description">A gentle introduction to static site generators.</p> <p class="bundleitem-date">Nov 10, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/stefan-bohacek/">Stefan Bohacek (1 post)</a> · <a href="https://stefanbohacek.com/">Website</a> &amp; <a href="https://stefanbohacek.com/feed">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/image-galleries/">Image Galleries</a></p> </div> <div class="bundleitem"> <a href="https://gregoryhammond.ca/blog/display-all-posts-from-category-on-page/" class="bundleitem-title" ID="gregory-hammond-mastering-eleventy-display-all-blog-posts-from-a-category-on-a-single-page-2025-11-09T13:55:39.000" data-pagefind-ignore="" data-link-type="external">Mastering Eleventy: Display All Blog Posts from a Category on a Single Page</a> <p class="bundleitem-description">Have the same topic on your 11ty website and want to view them all on one page? Here's how to do so with just one extra file, and no plugins needed.</p> <p class="bundleitem-date">Nov 9, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/gregory-hammond/">Gregory Hammond (3 posts)</a> · <a href="https://gregoryhammond.ca/">Website</a> &amp; <a href="https://gregoryhammond.ca/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/accessibility/">Accessibility</a><a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/nunjucks-macros/">Nunjucks/Macros</a></p> </div> <div class="bundleitem"> <a href="https://heartsoulmachine.com/blog/2025/11-06-reclaim-open-this-one-goes-to-11(ty)/" class="bundleitem-title" ID="tim-klapdor-reclaim-open-this-one-goes-to-11-ty-2025-11-05T13:43:17.000" data-pagefind-ignore="" data-link-type="external">Reclaim Open - This One Goes to 11(ty)</a> <p class="bundleitem-description">A blog of the presentation given at the #ReclaimOpen25 conference.</p> <p class="bundleitem-date">Nov 5, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/tim-klapdor/">Tim Klapdor (2 posts)</a> · <a href="https://heartsoulmachine.com/">Website</a> &amp; <a href="https://heartsoulmachine.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://www.youtube.com/watch?v=Q9AtVi2h5UE" class="bundleitem-title" ID="tim-klapdor-this-one-goes-to-11-ty-2025-11-05T13:23:35.000" data-pagefind-ignore="" data-link-type="external">This one goes to 11(ty)</a> <p class="bundleitem-description">YouTube video</p> <p class="bundleitem-date">Nov 5, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/tim-klapdor/">Tim Klapdor (2 posts)</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a><a href="https://11tybundle.dev/categories/youtube/">YouTube</a></p> </div> <div class="bundleitem"> <a href="https://11tycms.com/blog/posts/11tycms-major-refactoring-better-state-management-and-site-history-selection/" class="bundleitem-title" ID="jessie-heald-11tycms-major-refactoring-state-management-overhaul-routing-site-history-selection-and-site-dashboard-implementation-2025-11-03T16:46:31.000" data-pagefind-ignore="" data-link-type="external">11tyCMS: Major refactoring, state management overhaul, routing, site history selection and site dashboard implementation</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Nov 3, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jessie-heald/">Jessie Heald (12 posts)</a> · <a href="https://11tycms.com/">Website</a> &amp; <a href="https://11tycms.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a></p> </div> <div class="bundleitem"> <a href="https://www.11ty.dev/blog/github-issues/" class="bundleitem-title" ID="zach-leatherman-how-we-use-github-issues-and-how-that-s-changing-2025-11-03T14:39:49.000" data-pagefind-ignore="" data-link-type="external">How We Use GitHub Issues and How That’s Changing</a> <p class="bundleitem-description">How We Use GitHub Issues and How That’s Changing — Eleventy</p> <p class="bundleitem-date">Nov 3, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/zach-leatherman/">Zach Leatherman (81 posts)</a> · <a href="https://www.11ty.dev/">Website</a> &amp; <a href="https://www.11ty.dev/firehose/firehose.rss">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/from-the-source/">From the Source</a></p> </div> <div class="bundleitem"> <a href="https://www.kylereddoch.me/blog/embedding-mastodon-posts-in-eleventy-my-journey/" class="bundleitem-title" ID="kyle-reddoch-embedding-mastodon-posts-in-eleventy-my-journey-2025-10-30T11:17:39.000" data-pagefind-ignore="" data-link-type="external">Embedding Mastodon Posts in Eleventy: My Journey</a> <p class="bundleitem-description">What finally worked to embed Mastodon posts in Eleventy: a tiny shortcode that lets embed.js set height and supports a clean full-bleed layout.</p> <p class="bundleitem-date">Oct 30, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/kyle-reddoch/">Kyle Reddoch (4 posts)</a> · <a href="https://www.kylereddoch.me/">Website</a> &amp; <a href="https://www.kylereddoch.me/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/shortcodes/">Shortcodes</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a></p> </div> <div class="bundleitem"> <a href="https://blog.nicholas.clooney.io/posts/v1.10-1.12-roundup/" class="bundleitem-title" ID="nicholas-clooney-three-minor-releases-one-major-leap-for-subspace-builder-2025-10-29" data-pagefind-ignore="" data-link-type="external">Three Minor Releases, One Major Leap for Subspace Builder</a> <p class="bundleitem-description">Catch up on the three rapid releases that reshape Subspace Builder with a tag hub, refreshed navigation, and a data-driven projects page.</p> <p class="bundleitem-date">Oct 29, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/nicholas-clooney/">Nicholas Clooney (5 posts)</a> · <a href="https://blog.nicholas.clooney.io/">Website</a> &amp; <a href="https://blog.nicholas.clooney.io/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a><a href="https://11tybundle.dev/categories/navigation/">Navigation</a></p> </div> <div class="bundleitem"> <a href="https://www.simoncox.com/post/2025-10-28-creating-a-modular-approach-to-json-schema-in-an-eleventy-website/" class="bundleitem-title" ID="simon-cox-creating-a-modular-approach-to-json-schema-in-an-eleventy-website-2025-10-28T11:01:10.000" data-pagefind-ignore="" data-link-type="external">Creating a modular approach to json schema in an eleventy website</a> <p class="bundleitem-description">I wanted a modular and automated way to add json schema to my personal website so built a set of templates and some simple logic to populate the schema.</p> <p class="bundleitem-date">Oct 28, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/simon-cox/">Simon Cox (16 posts)</a> · <a href="https://www.simoncox.com/">Website</a> &amp; <a href="https://www.simoncox.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/nunjucks-macros/">Nunjucks/Macros</a></p> </div> <div class="bundleitem"> <a href="https://11tycms.com/blog/posts/11tycms-11ty-meetup-metadata-improvements-more-post-management-and-collections/" class="bundleitem-title" ID="jessie-heald-11tycms-the-eleventy-meetup-appearance-metadata-improvements-more-post-and-collection-goodness-2025-10-26T16:50:02.000" data-pagefind-ignore="" data-link-type="external">11tyCMS: THE Eleventy Meetup appearance, metadata improvements, more post and collection goodness</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Oct 26, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jessie-heald/">Jessie Heald (12 posts)</a> · <a href="https://11tycms.com/">Website</a> &amp; <a href="https://11tycms.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/collections/">Collections</a></p> </div> <div class="bundleitem"> <a href="https://equk.co.uk/2025/10/25/11ty-opengraph-and-seo/" class="bundleitem-title" ID="equilibriumuk-11ty-opengraph-and-seo-2025-10-26T09:16:45.000" data-pagefind-ignore="" data-link-type="external">11ty OpenGraph &amp; SEO</a> <p class="bundleitem-description">re implementing opengraph and meta tags in 11ty using javascript and nunjucks</p> <p class="bundleitem-date">Oct 26, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/equilibriumuk/">equilibriumuk (19 posts)</a> · <a href="https://equk.co.uk/">Website</a> &amp; <a href="https://equk.co.uk/atom.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/nunjucks-macros/">Nunjucks/Macros</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> <div class="bundleitem"> <a href="https://www.zachleat.com/web/markdown-code-wrapper/" class="bundleitem-title" ID="zach-leatherman-wrapper-elements-around-code-blocks-in-markdown-2025-10-20T13:26:00.000" data-pagefind-ignore="" data-link-type="external">Wrapper Elements around Code Blocks in Markdown</a> <p class="bundleitem-description">A post by Zach Leatherman (zachleat)</p> <p class="bundleitem-date">Oct 20, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/zach-leatherman/">Zach Leatherman (81 posts)</a> · <a href="https://www.zachleat.com/">Website</a> &amp; <a href="https://www.zachleat.com/follow/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/nunjucks-macros/">Nunjucks/Macros</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/shortcodes/">Shortcodes</a><a href="https://11tybundle.dev/categories/from-the-source/">From the Source</a></p> </div> <div class="bundleitem"> <a href="https://helenchong.dev/blog/posts/2025-10-17-eleventy-meetup-27/" class="bundleitem-title" ID="helen-chong-the-eleventy-meetup-episode-27-2025-10-17T09:03:24.000" data-pagefind-ignore="" data-link-type="external">THE Eleventy Meetup Episode 27</a> <p class="bundleitem-description">I spoke at THE Eleventy Meetup again; this time about building a multilingual blog.</p> <p class="bundleitem-date">Oct 17, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/helen-chong/">Helen Chong (7 posts)</a> · <a href="https://helenchong.dev/">Website</a> &amp; <a href="https://helenchong.dev/blog/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/internationalization/">Internationalization</a></p> </div> <div class="bundleitem"> <a href="https://dsriseah.com/journal/2025/1016/" class="bundleitem-title" ID="dsri-seah-eleventy-templates-for-atom-feeds-2025-10-16" data-pagefind-ignore="" data-link-type="external">Eleventy Templates for Atom Feeds</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Oct 16, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/dsri-seah/">DSri Seah (2 posts)</a> · <a href="https://dsriseah.com/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/rss/">RSS</a></p> </div> <div class="bundleitem"> <a href="https://www.cantoni.org/2025/10/14/simple-lossless-image-compression/" class="bundleitem-title" ID="brian-cantoni-simple-lossless-image-compression-2025-10-14" data-pagefind-ignore="" data-link-type="external">Simple Lossless Image Compression</a> <p class="bundleitem-description">Software engineering leader and occasional side project hacker.</p> <p class="bundleitem-date">Oct 14, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/brian-cantoni/">Brian Cantoni (6 posts)</a> · <a href="https://www.cantoni.org/">Website</a> &amp; <a href="https://www.cantoni.org/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a></p> </div> <div class="bundleitem"> <a href="https://dsriseah.com/journal/2025/1014/" class="bundleitem-title" ID="dsri-seah-typescript-mini-apps-in-eleventy-2025-10-14" data-pagefind-ignore="" data-link-type="external">TypeScript Mini Apps in Eleventy</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Oct 14, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/dsri-seah/">DSri Seah (2 posts)</a> · <a href="https://dsriseah.com/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/shortcodes/">Shortcodes</a></p> </div> <div class="bundleitem"> <a href="https://ldstephens.net/blog/two-markedit-scripts-that-simplify-my-blogging-workflow/" class="bundleitem-title" ID="ld-stephens-two-markedit-scripts-that-simplify-my-blogging-workflow-2025-10-12T14:50:08.000" data-pagefind-ignore="" data-link-type="external">Two MarkEdit scripts that simplify my blogging workflow</a> <p class="bundleitem-description">A blog by ldstephens</p> <p class="bundleitem-date">Oct 12, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/ld-stephens/">LD Stephens (5 posts)</a> · <a href="https://ldstephens.net/">Website</a> &amp; <a href="https://ldstephens.net/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/drafts/">Drafts</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://berryhouse.ca/blog/fixing-tags-categories-feed/" class="bundleitem-title" ID="brennan-kenneth-brown-fixing-tags-categories-and-rss-in-our-eleventy-blog-2025-08-19" data-pagefind-ignore="" data-link-type="external">Fixing Tags, Categories, and RSS in Our Eleventy Blog</a> <p class="bundleitem-description">A quick write-up covering three issues—/tags 404s, empty /categories, and a 404 /feed.xml—and how we resolved them with Eleventy collections and a small filter.</p> <p class="bundleitem-date">Aug 19, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/brennan-kenneth-brown/">Brennan Kenneth Brown (2 posts)</a> · <a href="https://berryhouse.ca/">Website</a> &amp; <a href="https://berryhouse.ca/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/debugging/">Debugging</a><a href="https://11tybundle.dev/categories/rss/">RSS</a></p> </div> <div class="bundleitem"> <a href="https://berryhouse.ca/blog/building-the-template-postmortem/" class="bundleitem-title" ID="brennan-kenneth-brown-building-the-indieweb-blog-template-a-technical-postmortem-2025-08-18" data-pagefind-ignore="" data-link-type="external">Building the IndieWeb Blog Template — A Technical Postmortem</a> <p class="bundleitem-description">A deep-dive into making a production-ready Eleventy blog template with robust E2E tests, accessibility, and clean UI patterns.</p> <p class="bundleitem-date">Aug 18, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/brennan-kenneth-brown/">Brennan Kenneth Brown (2 posts)</a> · <a href="https://berryhouse.ca/">Website</a> &amp; <a href="https://berryhouse.ca/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/accessibility/">Accessibility</a><a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/debugging/">Debugging</a></p> </div> <div class="bundleitem"> <a href="https://kajkandler.github.io/eleventy-base-blog-with-schema/blog/eleventy_meetup_25/" class="bundleitem-title" ID="kaj-kandler-11ty-meetup-25-presentation-of-kaj-kandler-2025-07-29" data-pagefind-ignore="" data-link-type="external">11ty Meetup #25: Presentation of Kaj Kandler</a> <p class="bundleitem-description">Presenting this Eleventy Starter Project and Schema Markup tutorial at 11ty Meetup</p> <p class="bundleitem-date">Jul 29, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/kaj-kandler/">Kaj Kandler (1 post)</a> · <a href="https://kajkandler.github.io/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://nicolas-hoizey.com/articles/2020/11/02/enhancing-archives-navigation-step-2/" class="bundleitem-title" ID="nicolas-hoizey-enhancing-archives-navigation-step-2-2020-11-01" data-pagefind-ignore="" data-link-type="external">Enhancing archives navigation, step 2</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Nov 1, 2020</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/nicolas-hoizey/">Nicolas Hoizey (5 posts)</a> · <a href="https://nicolas-hoizey.com/">Website</a> &amp; <a href="https://nicolas-hoizey.com/feeds/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/navigation/">Navigation</a><a href="https://11tybundle.dev/categories/search/">Search</a></p> </div> <div class="bundleitem"> <a href="https://nicolas-hoizey.com/articles/2020/10/26/enhancing-archives-navigation-step-1/" class="bundleitem-title" ID="nicolas-hoizey-enhancing-archives-navigation-step-1-2020-10-26" data-pagefind-ignore="" data-link-type="external">Enhancing archives navigation, step 1</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Oct 26, 2020</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/nicolas-hoizey/">Nicolas Hoizey (5 posts)</a> · <a href="https://nicolas-hoizey.com/">Website</a> &amp; <a href="https://nicolas-hoizey.com/feeds/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/collections/">Collections</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/navigation/">Navigation</a></p> </div> </div><p></p> <div id="sites"></div> <h2>Built with Eleventy</h2> <p>Here are the new sites to see. If you want to see more sites, check out the <a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a>.</p> <p></p><div class="bundlesites" data-pagefind-ignore="index"> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.capitalbrief.com/" data-link-type="external">Capital Brief</a></p> <p class="bundleitem-description">Capital Brief covers business and politics news for those shaping the new Australian economy:...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.skylinebigband.de/" data-link-type="external">Skyline Big Band</a></p> <p class="bundleitem-description">Spielfreude nach dem Vorbild der Großen wie Count Basie oder Duke Ellington. Ein Groove, der Musiker...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://parham.dev/" data-link-type="external">Parham's Digital Corner</a></p> <p class="bundleitem-description">Here is my website. You can explore the blog, and other parts which will be added soon.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://tylergaw.com/" data-link-type="external">Tyler Gaw, Designer &amp; Engineer</a></p> <p class="bundleitem-description">A personal website. Since 2006</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://profectus.lv/" data-link-type="external">Domnica Profectus</a></p> <p class="bundleitem-description">Stiprinām demokrātiju un pilsonisko sabiedrību Latvijā un veicinām tās ilgtspēju</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://berryhouse.ca/" data-link-type="external">Berry House</a></p> <p class="bundleitem-description">Hi. We&amp;#39;re here to help you create and share meaningful work and art with the world. Whether...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://devpro.fr/" data-link-type="external">DevPro</a></p> <p class="bundleitem-description">Bits of technology, practices, and everything that can make IT simple and accessible.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.yaitorr.me/" data-link-type="external">Yaisiel (Yai) Torres</a></p> <p class="bundleitem-description">Online Resume of Yaisiel (Yai) Torres</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.myalarmsecurity.co.uk/" data-link-type="external">MyAlarm Security</a></p> <p class="bundleitem-description">For all of your home and business security. Burglar Alarm Servicing, Burglar Alarm Installation,...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://germanfrelo.dev/" data-link-type="external">Germán Freixinós López</a></p> <p class="bundleitem-description">Home page of Germán Freixinós López, front-end web developer.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://desecratingthesacred.com/" data-link-type="external">DESECRATING THE SACRED</a></p> <p class="bundleitem-description">Desecrating the Sacred is the result of a decades-long meditation that raises a profound question...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.danclarke.com/" data-link-type="external">Dan Clarke</a></p> <p class="bundleitem-description">Dan Clarke&amp;#39;s personal website</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://karthikkadambi.com/" data-link-type="external">Karthik Kadambi</a></p> <p class="bundleitem-description">Full Stack Web Developer, Aspiring AI Engineer, UX Travel and Finance Enthusiast.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://handleman.net/" data-link-type="external">Handle Man</a></p> <p class="bundleitem-description">Upgrade your sliding glass doors with Handle-Man&amp;#39;s patented handle systems and security locks....</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.ukegroupnorth.com/" data-link-type="external">Uke Group North</a></p> <p class="bundleitem-description">Join our inclusive ukulele workshops across Greater Manchester and Lancashire. Weekly sessions for...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://sixohthree.com/" data-link-type="external">Annika Backstrom</a></p> <p class="bundleitem-description">Annika Backstrom&amp;#39;s personal website and blog</p> </div></div><p></p> 2025-10-11T00:00:00Z https://11tybundle.dev/blog/11ty-bundle-79/

11ty Bundle Issue 79

<p><em>An email version of this blog is available. <strong><a href="https://11tybundle.dev/blog/11ty-bundle-79/#newsletter-subscribe">Subscribe here</a></strong>.</em></p> <hr /> <p><strong><em>A note from Bob:</em></strong></p> <p>For a long time, I'd been in the habit of adding posts to the database as I found them. But due to travel and a couple of other life stressors, I just started adding links to the posts in an Obsidian doc. Well, they just kept piling up and not getting added to the bundle. A few of days ago, I finally sat down and added them all. For those of you who subscribe to the <a href="https://11tybundle.dev/firehosefeed.xml">RSS feed</a> of the <a href="https://11tybundle.dev/firehose/">Firehose</a>, on the evening of October 8th, you likely saw a flood of posts (about 15 of them) land in your feed readers. My apologies for the deluge.</p> <p>One of the reasons I've been busy is that we're searching for a new home in Southern California. Over our 32 years of marriage, we've lived in 10 different houses across 3 states (CA, NJ, and WA). So, yes, this next one will be our <strong>11th</strong> house. 11th time's a charm! And with that, it will hopefully be our last. We're looking forward to being closer to family and old friends.</p> <p>If you want to skip the preliminaries and get right to <a href="https://11tybundle.dev/blog/11ty-bundle-79/#releases">the releases</a> or <a href="https://11tybundle.dev/blog/11ty-bundle-79/#posts">the posts</a>, or <a href="https://11tybundle.dev/blog/11ty-bundle-79/#sites">the sites</a>, have at it.</p> <p>Enjoy!</p> <hr /> <p><strong>11ty Meetup Videos.</strong> The video playlist of Episode 26 of the 11ty Meetup <a href="https://www.youtube.com/playlist?list=PLJy3jyeGVYUpctxAkrtoj-L3CvXRzwDE9">is here</a>.</p> <p><strong>11ty logo as Font Awesome icon.</strong> <a href="https://fediverse.zachleat.com/@zachleat/115226453311879904">Fontawesome now has an 11ty icon</a>.</p> <p><strong>11ty FA plugin hits 1.0.</strong> <a href="https://github.com/11ty/eleventy-plugin-font-awesome/releases/tag/v1.0.0">Check it out</a>.</p> <p><strong>Add a CMS to ZeroPoint.</strong> Michael Delaney shows how to <a href="https://getzeropoint.com/adding-a-cms/">add a CMS to ZeroPoint</a>, his <a href="https://getzeropoint.com/">starter project</a>.</p> <p><strong>Peter deHaan and Nunjucks loops.</strong> This isn't new, but I came across it and found it to be a useful resource as Peter shows how to loop over various different data structures in Nunjucks. <a href="https://github.com/pdehaan/11ty-nunjucks-for-loop/tree/main">Check it out</a>.</p> <p><strong>Kyle brings us Brewventy.</strong> <a href="https://www.kylereddoch.me/">Kyle Reddoch</a> has created a nice new starter project called <a href="https://github.com/kylereddoch/brewventy">Brewventy</a>.</p> <p><strong>Zach on Podcast Awesome.</strong> Zach did a <a href="https://www.zachleat.com/web/web-awesome-11ty/">video podcast</a> with Matt of <a href="https://fontawesome.com/">Font Awesome</a> and shared how they built <a href="https://webawesome.com/">Web Awesome</a> with Eleventy.</p> <p><strong>Hire Shiv J.M.</strong> Shiv Jha-Mathur, aka, aankhen on the <a href="https://www.11ty.dev/blog/discord/">11ty Discord server</a>, has built a very cool single page website as a means to showcase his skills as he seeks to be hired. <a href="https://hire.shivjm.in/">Check it out</a>. He also wrote <a href="https://shivjm.blog/hire-shivjm-in/">a great blog post</a> about the process he went through while developing it.</p> <p><strong>Dwkns debugs with a shortcode.</strong> With <a href="https://www.npmjs.com/package/eleventy-plugin-console-plus/v/2.0.0">eleventy-plugin-console-plus</a>, dwkns created a <em>&quot;plugin that adds a shortcode for debugging your templates, objects, and data. It logs to your HTML output, your terminal, and your browser console—all at once, with beautiful formatting and deep customization options.&quot;</em></p> <p><strong>Alex Russell performs hacks.</strong> <a href="https://infrequently.org/">Alex Russell</a> shows us some fun hacks to improve performance with Eleventy. <a href="https://infrequently.org/2025/10/11ty-hacks-for-fun-and-performance/">Check it out</a>.</p> <p><strong>Simon redirects on Cloudflare.</strong> If you're hosting with Cloudflare and changing your urls from time to time, you should probably prepping some redirects so those old links don't break. Simon Cox <a href="https://www.simoncox.com/short-articles/2025-10-08-creating-cloudflare-redirects/">shows you how</a>.</p> <p><strong>Build your own Subspace.</strong> Nicholas Clooney brings us a new starter project called <a href="https://github.com/TheClooneyCollection/11ty-subspace-builder">11ty Subspace Builder</a>. It looks to have some nice features.</p> <p>Until next time...</p> <hr /> <div id="releases"></div> <h2>Recent releases</h2> <p></p><div class="bundlereleases" data-pagefind-ignore="index"><p></p> <p></p><div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-font-awesome/releases/tag/v1.0.0" data-link-type="external">Eleventy Font Awesome Plugin v1.0.0</a></p> <p class="bundleitem-description">Optimized per-page tree-shaken SVG spritesheets for Eleventy with Font Awesome icons. - Release...</p> <p class="bundleitem-dateline">Sep 18, 2025</p> </div></div><p></p> <div id="posts"></div> <h2>Posts from around the web</h2> <p></p><div class="bundleposts" data-pagefind-ignore="index"> <div class="bundleitem"> <a href="https://thetangent.space/2025/obsidian-bases/" class="bundleitem-title" ID="samjc-obsidian-bases-work-great-with-eleventy-2025-10-11T08:30:08.000" data-pagefind-ignore="" data-link-type="external">Obsidian bases work great with Eleventy</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Oct 11, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/samjc/">SamJC (1 post)</a> · <a href="https://thetangent.space/">Website</a> &amp; <a href="https://thetangent.space/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/front-matter/">Front Matter</a><a href="https://11tybundle.dev/categories/obsidian/">Obsidian</a></p> </div> <div class="bundleitem"> <a href="https://www.simoncox.com/short-articles/2025-10-08-creating-cloudflare-redirects/" class="bundleitem-title" ID="simon-cox-creating-cloudflare-redirects-2025-10-08" data-pagefind-ignore="" data-link-type="external">Creating Cloudflare redirects</a> <p class="bundleitem-description">Notes on optimal ways to pull together a redirects file suitable for a Cloudflare hosted website.</p> <p class="bundleitem-date">Oct 8, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/simon-cox/">Simon Cox (16 posts)</a> · <a href="https://www.simoncox.com/">Website</a> &amp; <a href="https://www.simoncox.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/debugging/">Debugging</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://ashfurrow.com/blog/eleventy-launch/" class="bundleitem-title" ID="ash-furrow-eleventy-launch-2025-10-08" data-pagefind-ignore="" data-link-type="external">Eleventy Launch</a> <p class="bundleitem-description">As I discussed previously, I’ve been rewriting this blog in a new tool called 11ty (aka Eleventy - the project’s devs aren’t consistent so I won’t be either). This is the first blog post written in the new blog engine, and the migration is complete!</p> <p class="bundleitem-date">Oct 8, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/ash-furrow/">Ash Furrow (2 posts)</a> · <a href="https://ashfurrow.com/">Website</a> &amp; <a href="https://ashfurrow.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/performance/">Performance</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> <div class="bundleitem"> <a href="https://my.stuffandthings.lol/blog/2025-10-08/an-11ty-site-codeberg-pages-and-cron.html" class="bundleitem-title" ID="jason-moser-an-11ty-site-codeberg-pages-and-cron-2025-10-08" data-pagefind-ignore="" data-link-type="external">An 11ty Site, Codeberg Pages, and Cron</a> <p class="bundleitem-description">Using a cron job with Codeberg Pages to build and deploy an 11ty site</p> <p class="bundleitem-date">Oct 8, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jason-moser/">Jason Moser (5 posts)</a> · <a href="https://my.stuffandthings.lol/">Website</a> &amp; <a href="https://my.stuffandthings.lol/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/scheduling/">Scheduling</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a></p> </div> <div class="bundleitem"> <a href="https://shivjm.blog/font-subsetting-in-eleventy/" class="bundleitem-title" ID="shiv-j-m-font-subsetting-in-eleventy-2025-10-08" data-pagefind-ignore="" data-link-type="external">Font Subsetting in Eleventy</a> <p class="bundleitem-description">eleventy-plugin-font-subsetting works fine but its configuration is finicky.</p> <p class="bundleitem-date">Oct 8, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/shiv-j-m/">Shiv J.M. (13 posts)</a> · <a href="https://shivjm.blog/">Website</a> &amp; <a href="https://shivjm.blog/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/asset-pipelines/">Asset Pipelines</a><a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> <div class="bundleitem"> <a href="https://shivjm.blog/hire-shivjm-in/" class="bundleitem-title" ID="shiv-j-m-hire-shivjm-in-the-missing-cover-letter-2025-10-08" data-pagefind-ignore="" data-link-type="external">hire.shivjm.in: The Missing Cover Letter</a> <p class="bundleitem-description">I turned a blog entry into a profile of myself as a developer.</p> <p class="bundleitem-date">Oct 8, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/shiv-j-m/">Shiv J.M. (13 posts)</a> · <a href="https://shivjm.blog/">Website</a> &amp; <a href="https://shivjm.blog/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/analytics/">Analytics</a><a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a></p> </div> <div class="bundleitem"> <a href="https://intertwingly.net/blog/2025/10/05/Upgrading-Eleventy-After-5-Years.html" class="bundleitem-title" ID="sam-ruby-upgrading-eleventy-after-5-years-2025-10-05" data-pagefind-ignore="" data-link-type="external">Upgrading Eleventy After 5 Years</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Oct 5, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/sam-ruby/">Sam Ruby (1 post)</a> · <a href="https://intertwingly.net/">Website</a> &amp; <a href="https://intertwingly.net/blog/index.atom">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/drafts/">Drafts</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://blog.martin-haehnel.de/2025/10/04/more-description/" class="bundleitem-title" ID="martin-haehnel-more-description-2025-10-04" data-pagefind-ignore="" data-link-type="external">More Description</a> <p class="bundleitem-description">Let's continue Another WhileDo post. Of course, my amazing work yesterday had one fatal flaw and that is that the preview…</p> <p class="bundleitem-date">Oct 4, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/martin-haehnel/">Martin Hähnel (14 posts)</a> · <a href="https://blog.martin-haehnel.de/">Website</a> &amp; <a href="https://blog.martin-haehnel.de/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> <div class="bundleitem"> <a href="https://infrequently.org/2025/10/11ty-hacks-for-fun-and-performance/" class="bundleitem-title" ID="alex-russell-11ty-hacks-for-fun-and-performance-2025-10-04" data-pagefind-ignore="" data-link-type="external">11ty Hacks for Fun and Performance</a> <p class="bundleitem-description">Alex Russell on browsers, standards, and the process of progress.</p> <p class="bundleitem-date">Oct 4, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/alex-russell/">Alex Russell (1 post)</a> · <a href="https://infrequently.org/">Website</a> &amp; <a href="https://infrequently.org/feed/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/pagination/">Pagination</a><a href="https://11tybundle.dev/categories/performance/">Performance</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/shortcodes/">Shortcodes</a></p> </div> <div class="bundleitem"> <a href="https://blog.martin-haehnel.de/2025/10/03/whiledo/" class="bundleitem-title" ID="martin-haehnel-whiledo-2025-10-03" data-pagefind-ignore="" data-link-type="external">WhileDo</a> <p class="bundleitem-description">Instead of a How-To, I'll write a &quot;WhileDo&quot; today. This is my attempt to Write Like Ron Jeffries. After I published this…</p> <p class="bundleitem-date">Oct 3, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/martin-haehnel/">Martin Hähnel (14 posts)</a> · <a href="https://blog.martin-haehnel.de/">Website</a> &amp; <a href="https://blog.martin-haehnel.de/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a></p> </div> <div class="bundleitem"> <a href="https://blog.nicholas.clooney.io/posts/github-code-embeds/" class="bundleitem-title" ID="nicholas-clooney-lighting-up-github-embeds-in-my-eleventy-blog-2025-10-03" data-pagefind-ignore="" data-link-type="external">Lighting Up GitHub Embeds in My Eleventy Blog</a> <p class="bundleitem-description">October 3, 2025 For the longest time, sharing code from GitHub meant screenshotting or pasting raw snippets into Markdown. Both options felt brittle—screenshots hide the text from RSS readers, while copy-pastes drift out of sync the minute the upstream file changes. I wanted the readability of Emgit</p> <p class="bundleitem-date">Oct 3, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/nicholas-clooney/">Nicholas Clooney (5 posts)</a> · <a href="https://blog.nicholas.clooney.io/">Website</a> &amp; <a href="https://blog.nicholas.clooney.io/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/remote-data/">Remote Data</a></p> </div> <div class="bundleitem"> <a href="https://kpwags.com/posts/2025/10/01/an-addendum-to-building-my-new-archives-page/" class="bundleitem-title" ID="keith-wagner-an-addendum-to-building-my-new-archives-page-2025-10-01" data-pagefind-ignore="" data-link-type="external">An Addendum to Building My New Archives Page</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Oct 1, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/keith-wagner/">Keith Wagner (5 posts)</a> · <a href="https://kpwags.com/">Website</a> &amp; <a href="https://kpwags.com/rss/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://www.kylereddoch.me/blog/introducing-brewventy-your-coffee-themed-eleventy-starter-kit/" class="bundleitem-title" ID="kyle-reddoch-introducing-brewventy-your-coffee-themed-eleventy-starter-kit-2025-10-01" data-pagefind-ignore="" data-link-type="external">Introducing Brewventy: Your Coffee-Themed Eleventy Starter Kit</a> <p class="bundleitem-description">“Discover Brewventy, a customizable coffee-themed Eleventy starter with dark/light modes, SCSS-driven theming, and built-in deployment workflows for effortless site launches.”</p> <p class="bundleitem-date">Oct 1, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/kyle-reddoch/">Kyle Reddoch (4 posts)</a> · <a href="https://www.kylereddoch.me/">Website</a> &amp; <a href="https://www.kylereddoch.me/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a><a href="https://11tybundle.dev/categories/layouts/">Layouts</a><a href="https://11tybundle.dev/categories/netlify/">Netlify</a><a href="https://11tybundle.dev/categories/shortcodes/">Shortcodes</a></p> </div> <div class="bundleitem"> <a href="https://www.zachleat.com/web/web-awesome-11ty/" class="bundleitem-title" ID="zach-leatherman-how-we-built-web-awesome-with-11ty-and-why-it-s-so-fast-on-podcast-awesome-2025-09-30" data-pagefind-ignore="" data-link-type="external">How We Built Web Awesome with 11ty (and Why It’s So Fast) on Podcast Awesome</a> <p class="bundleitem-description">A post by Zach Leatherman (zachleat)</p> <p class="bundleitem-date">Sep 30, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/zach-leatherman/">Zach Leatherman (81 posts)</a> · <a href="https://www.zachleat.com/">Website</a> &amp; <a href="https://www.zachleat.com/follow/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/from-the-source/">From the Source</a><a href="https://11tybundle.dev/categories/performance/">Performance</a><a href="https://11tybundle.dev/categories/youtube/">YouTube</a></p> </div> <div class="bundleitem"> <a href="https://alix.guillard.fr/notes/dotclear-to-eleventy/other-features/" class="bundleitem-title" ID="alix-guillard-from-dotclear-to-eleventy-5-2025-09-29" data-pagefind-ignore="" data-link-type="external">From Dotclear to Eleventy 5</a> <p class="bundleitem-description">How to migrate a blog from Dotclear on to eleventy</p> <p class="bundleitem-date">Sep 29, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/alix-guillard/">Alix Guillard (4 posts)</a> · <a href="https://alix.guillard.fr/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/drafts/">Drafts</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/search/">Search</a></p> </div> <div class="bundleitem"> <a href="https://blog.nicholas.clooney.io/posts/hide-drafts-production/" class="bundleitem-title" ID="nicholas-clooney-preview-production-drafts-locally-2025-09-28" data-pagefind-ignore="" data-link-type="external">Preview production drafts locally</a> <p class="bundleitem-description"><code>ELEVENTY_ENV</code> is now wired into every npm script so drafts stay private in production while remaining easy to preview.</p> <p class="bundleitem-date">Sep 28, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/nicholas-clooney/">Nicholas Clooney (5 posts)</a> · <a href="https://blog.nicholas.clooney.io/">Website</a> &amp; <a href="https://blog.nicholas.clooney.io/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/drafts/">Drafts</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://blog.nicholas.clooney.io/posts/responsive-images-eleventy-img/" class="bundleitem-title" ID="nicholas-clooney-leveling-up-responsive-images-with-eleventy-img-2025-09-27" data-pagefind-ignore="" data-link-type="external">Leveling Up Responsive Images with Eleventy Img</a> <p class="bundleitem-description">Walking through the fixes that led us from stretched screenshots to a lean Eleventy Img pipeline, plus a quick primer on how responsive image markup really works.</p> <p class="bundleitem-date">Sep 27, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/nicholas-clooney/">Nicholas Clooney (5 posts)</a> · <a href="https://blog.nicholas.clooney.io/">Website</a> &amp; <a href="https://blog.nicholas.clooney.io/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a></p> </div> <div class="bundleitem"> <a href="https://bobmonsour.com/blog/fetch-raw-github/" class="bundleitem-title" ID="bob-monsour-fetching-a-json-file-from-github-at-build-time-in-eleventy-2025-09-25" data-pagefind-ignore="" data-link-type="external">Fetching a JSON file from GitHub at build time in Eleventy</a> <p class="bundleitem-description">Today I learned how to fetch a raw JSON file from GitHub at build time in Eleventy. Here's how I did it.</p> <p class="bundleitem-date">Sep 25, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/bob-monsour/">Bob Monsour (20 posts)</a> · <a href="https://bobmonsour.com/">Website</a> &amp; <a href="https://www.bobmonsour.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/remote-data/">Remote Data</a></p> </div> <div class="bundleitem"> <a href="https://kpwags.com/posts/2025/09/25/building-my-new-archives-page/" class="bundleitem-title" ID="keith-wagner-building-my-new-archives-page-2025-09-25" data-pagefind-ignore="" data-link-type="external">Building My New Archives Page</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Sep 25, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/keith-wagner/">Keith Wagner (5 posts)</a> · <a href="https://kpwags.com/">Website</a> &amp; <a href="https://kpwags.com/rss/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/collections/">Collections</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/nunjucks-macros/">Nunjucks/Macros</a></p> </div> <div class="bundleitem"> <a href="https://blog.nicholas.clooney.io/posts/v1.0.0-release/" class="bundleitem-title" ID="nicholas-clooney-11ty-subspace-builder-v1-0-0-2025-09-25" data-pagefind-ignore="" data-link-type="external">11ty Subspace Builder v1.0.0</a> <p class="bundleitem-description">Our first stable launch brings a polished Eleventy 3 starter with theme switching, accessible navigation, OG image automation, and a streamlined authoring flow.</p> <p class="bundleitem-date">Sep 25, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/nicholas-clooney/">Nicholas Clooney (5 posts)</a> · <a href="https://blog.nicholas.clooney.io/">Website</a> &amp; <a href="https://blog.nicholas.clooney.io/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://hamatti.org/posts/file-organisation-in-eleventy-filters/" class="bundleitem-title" ID="juha-matti-santala-file-organisation-in-eleventy-filters-2025-09-24" data-pagefind-ignore="" data-link-type="external">File organisation in Eleventy: Filters</a> <p class="bundleitem-description">I organise all my Eleventy filters into one file and register them as filters by iterating over them all in the configuration function.</p> <p class="bundleitem-date">Sep 24, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/juha-matti-santala/">Juha-Matti Santala (22 posts)</a> · <a href="https://hamatti.org/">Website</a> &amp; <a href="https://hamatti.org/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/filters/">Filters</a></p> </div> <div class="bundleitem"> <a href="https://alix.guillard.fr/notes/dotclear-to-eleventy/page-navigation/" class="bundleitem-title" ID="alix-guillard-from-dotclear-to-eleventy-4-2025-09-24" data-pagefind-ignore="" data-link-type="external">From Dotclear to Eleventy 4</a> <p class="bundleitem-description">How to migrate a blog from Dotclear on to eleventy 4- Rebuild pages and navigation</p> <p class="bundleitem-date">Sep 24, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/alix-guillard/">Alix Guillard (4 posts)</a> · <a href="https://alix.guillard.fr/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/collections/">Collections</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/navigation/">Navigation</a><a href="https://11tybundle.dev/categories/pagination/">Pagination</a><a href="https://11tybundle.dev/categories/shortcodes/">Shortcodes</a></p> </div> <div class="bundleitem"> <a href="https://chriskirknielsen.com/blog/custom-filename-in-code-blocks-in-eleventy-in-markdown-it/" class="bundleitem-title" ID="christopher-kirk-nielsen-adding-a-custom-filename-to-a-code-block-in-elev-enty-with-markdown-it-2025-09-19" data-pagefind-ignore="" data-link-type="external">Adding a custom filename to a code block in Elev­enty with markdown-it</a> <p class="bundleitem-description">Making those code blocks a little more personal.</p> <p class="bundleitem-date">Sep 19, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/christopher-kirk-nielsen/">Christopher Kirk-Nielsen (14 posts)</a> · <a href="https://chriskirknielsen.com/">Website</a> &amp; <a href="https://chriskirknielsen.com/rss.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a></p> </div> <div class="bundleitem"> <a href="https://tlohde.com/blog/2025/09/exhibitionism/" class="bundleitem-title" ID="tlohde-exhibitionism-2025-09-19" data-pagefind-ignore="" data-link-type="external">exhibitionism</a> <p class="bundleitem-description">making a static gallery with 11ty</p> <p class="bundleitem-date">Sep 19, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/tlohde/">tlohde (2 posts)</a> · <a href="https://tlohde.com/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/data-cascade/">Data Cascade</a><a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/image-galleries/">Image Galleries</a><a href="https://11tybundle.dev/categories/pagination/">Pagination</a><a href="https://11tybundle.dev/categories/shortcodes/">Shortcodes</a></p> </div> <div class="bundleitem"> <a href="https://alix.guillard.fr/notes/dotclear-to-eleventy/content-migration/" class="bundleitem-title" ID="alix-guillard-from-dotclear-to-eleventy-3-2025-09-18" data-pagefind-ignore="" data-link-type="external">From Dotclear to Eleventy 3</a> <p class="bundleitem-description">How to migrate a blog from Dotclear on to eleventy 3- Content Migration</p> <p class="bundleitem-date">Sep 18, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/alix-guillard/">Alix Guillard (4 posts)</a> · <a href="https://alix.guillard.fr/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a></p> </div> <div class="bundleitem"> <a href="https://ashfurrow.com/blog/yet-another-blog-rewrite/" class="bundleitem-title" ID="ash-furrow-yet-another-blog-rewrite-2025-08-26" data-pagefind-ignore="" data-link-type="external">Yet Another Blog Rewrite</a> <p class="bundleitem-description">In 2019, I rewrote this blog with Gatsby. I outlined my reasons in that post, but basically I wanted to use similar technology to build my blog as I used day-to-day at work. Middleman, Bootstrap, and jQuery seemed old and busted. Gatsby, React, and TypeScript seemed so much more fun.</p> <p class="bundleitem-date">Aug 26, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/ash-furrow/">Ash Furrow (2 posts)</a> · <a href="https://ashfurrow.com/">Website</a> &amp; <a href="https://ashfurrow.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> </div><p></p> <div id="sites"></div> <h2>Built with Eleventy</h2> <p>Here are the new sites to see. If you want to see more sites, check out the <a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a>.</p> <p></p><div class="bundlesites" data-pagefind-ignore="index"> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://blog.nicholas.clooney.io/" data-link-type="external">Nicholas Clooney</a></p> <p class="bundleitem-description">November 3, 2025 I wanted first-party analytics on my blog without handing traffic data to a SaaS...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://hire.shivjm.in/" data-link-type="external">Shiv J.M.</a></p> <p class="bundleitem-description">I’ve been working as a full-stack developer since 2007.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://alansuspect.dev/" data-link-type="external">alansuspect.dev</a></p> <p class="bundleitem-description">I&amp;#39;m a web developer trying to write about it.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://evanstheatre.ca/" data-link-type="external">Evans Theatre</a></p> <p class="bundleitem-description">Brandon&amp;#39;s Indiest Indie Cinema</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://christianmiles.ca/" data-link-type="external">Christian Miles</a></p> <p class="bundleitem-description">Technology Sales Leader specializing in developer tooling and data visualization. Based in Victoria,...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.lyonspsychologicalservices.com/" data-link-type="external">Lyons Psychological Services</a></p> <p class="bundleitem-description">Psychological services for adult and adolescents.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://ege.celikci.me/music/" data-link-type="external">favorite albums</a></p> <p class="bundleitem-description">website</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://nataliethistime.com/" data-link-type="external">Natalie Rose</a></p> <p class="bundleitem-description">Blog and digital garden of a queer computer woman who occasionally does music.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.fiff.de/" data-link-type="external">FIfF eV</a></p> <p class="bundleitem-description">Das Forum InformatikerInnen für Frieden und gesellschaftliche Verantwortung ist ein Zusammenschluss...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://adamwilbert.com/" data-link-type="external">Adam Wilbert</a></p> <p class="bundleitem-description"></p> </div></div><p></p> 2025-09-11T00:00:00Z https://11tybundle.dev/blog/11ty-bundle-78/

11ty Bundle Issue 78

<p><em>An email version of this blog is available. <strong><a href="https://11tybundle.dev/blog/11ty-bundle-78/#newsletter-subscribe">Subscribe here</a></strong>.</em></p> <hr /> <p><strong><em>A note from Bob:</em></strong></p> <p>I said these would be monthly, and here we are on Sep 11, as scheduled. But with the passage of more time between issues, awesome people have been busy cranking out a ton of new stuff, as you'll see in this issue.</p> <p>If you want to skip the preliminaries and get right to <a href="https://11tybundle.dev/blog/11ty-bundle-78/#releases">the releases</a> or <a href="https://11tybundle.dev/blog/11ty-bundle-78/#posts">the posts</a>, or <a href="https://11tybundle.dev/blog/11ty-bundle-78/#sites">the sites</a>, have at it.</p> <p>Enjoy!</p> <hr /> <p><strong>Why it's called Eleventy.</strong> Curious about the name? <a href="https://www.zachleat.com/web/history-of-eleventy-name/">Here's the story</a>, complete with hardcopy archival documentation. Grab a tissue.</p> <p><strong>11ty Meetup 9/17.</strong> Join us for <a href="https://11tymeetup.dev/events/ep-26-building-sites-with-11ty-cms-and-silex/">episode 26 of the 11ty Meetup</a>. Alex Hoyau will demo how <a href="https://www.silex.me/">Silex</a> can be used to build 11ty sites visually. And Jessie with show us <a href="https://11tycms.com/">11tyCMS</a>, a <em>&quot;local, serverless, dependable&quot;</em> CMS for 11ty.</p> <p><strong>Speaking of CMS's.</strong> I recently discovered <a href="https://github.com/sveltia/sveltia-cms?tab=readme-ov-file#sveltia-cms-netlifydecap-cms-successor">Sveltia CMS</a>, <em>&quot;a Git-based lightweight headless CMS under active development as a modern, powerful drop-in replacement for Netlify CMS and Decap CMS.&quot;</em> And, while a little dated, <a href="https://danurbanowicz.com/">Dan Urbanowicz</a>, created an <a href="https://github.com/danurbanowicz/eleventy-sveltia-cms-starter?tab=readme-ov-file#eleventy-sveltia-cms-starter">11ty starter with it</a>.</p> <p><strong>The ZeroPoint starter.</strong> <a href="https://mwdelaney.me/">Michael Delaney</a> showcases <a href="https://getzeropoint.com/">ZeroPoint</a>, <em>&quot;A free, user-friendly static website generator starter project,&quot;</em> supporting GitHub Pages and Netlify.</p> <p><strong>Vento 2 has arrived.</strong> Vento, <em>&quot;a modern, ergonomic, and async-friendly template engine for Javascript,&quot;</em> has a new major release. <a href="https://lume.land/blog/posts/vento-2/">Read about Vento 2</a> and its new features. And since some in this community have written about it, there's now a <a href="https://11tybundle.dev/categories/vento/">Vento category here on the bundle</a>.</p> <p><strong>Performance debgugging?</strong> If you're wondering how long each of your pages are taking to render, Zach reminds us of the <a href="https://www.11ty.dev/docs/plugins/directory-output/">Directory Output — Eleventy</a> feature that's built right into 11ty.</p> <p><strong>Components on the island.</strong> If you're looking for a way to <em>&quot;add interactive client-side components to your web site,&quot;</em> look no further than <a href="https://github.com/11ty/is-land/tree/v5.0.0#is-land">&lt;is-land&gt;</a>. And <a href="https://github.com/11ty/is-land/releases/tag/v5.0.0">v5.0.0 has just been released</a>.</p> <p>Until next time...</p> <hr /> <div id="releases"></div> <h2>Recent releases</h2> <p></p><div class="bundlereleases" data-pagefind-ignore="index"><p></p> <p></p><div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/is-land/releases/tag/v5.0.0" data-link-type="external">is-land v5.0.0</a></p> <p class="bundleitem-description">A new performance-focused way to add interactive client-side components to your web site. - Release...</p> <p class="bundleitem-dateline">Aug 29, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-webc/releases/tag/v0.12.0-beta.7" data-link-type="external">Eleventy WebC Plugin v0.12.0-beta.7</a></p> <p class="bundleitem-description">Adds support for WebC *.webc files to Eleventy. Contribute to 11ty/eleventy-plugin-webc development...</p> <p class="bundleitem-dateline">Aug 28, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-img/releases/tag/v7.0.0-alpha.2" data-link-type="external">Eleventy Image v7.0.0-alpha.2</a></p> <p class="bundleitem-description">Utility to perform build-time image transformations. - Release Eleventy Image v7.0.0-alpha.2 ·...</p> <p class="bundleitem-dateline">Aug 27, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/webc/releases/tag/v0.12.0-beta.1" data-link-type="external">WebC v0.12.0-beta.1</a></p> <p class="bundleitem-description">Single File Web Components. Contribute to 11ty/webc development by creating an account on GitHub.</p> <p class="bundleitem-dateline">Aug 22, 2025</p> </div></div><p></p> <div id="posts"></div> <h2>Posts from around the web</h2> <p></p><div class="bundleposts" data-pagefind-ignore="index"> <div class="bundleitem"> <a href="https://hamatti.org/posts/leveraging-eleventys-custom-data-file-format-feature-for-simpler-game-scoring-format/" class="bundleitem-title" ID="juha-matti-santala-leveraging-eleventy-s-custom-data-file-format-feature-for-simpler-game-scoring-format-2025-09-10T10:02:50.000" data-pagefind-ignore="" data-link-type="external">Leveraging Eleventy’s custom data file format feature for simpler game scoring format</a> <p class="bundleitem-description">While building a website for our Pokémon TCG tournament series, I discovered a new handy tool within Eleventy to enable custom data formats.</p> <p class="bundleitem-date">Sep 10, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/juha-matti-santala/">Juha-Matti Santala (22 posts)</a> · <a href="https://hamatti.org/">Website</a> &amp; <a href="https://hamatti.org/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://withlogic.co/var/log/2025/09/08/moving-away-from-nuxt-to-eleventy" class="bundleitem-title" ID="pariskasid-moving-away-from-nuxt-to-eleventy-2025-09-08T13:51:23.000" data-pagefind-ignore="" data-link-type="external">Moving away from Nuxt to Eleventy</a> <p class="bundleitem-description">Discover why we are moving all of our statically generated websites from Nuxt to Eleventy, a faster and more reliable solution.</p> <p class="bundleitem-date">Sep 8, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/pariskasid/">pariskasid (1 post)</a> · <a href="https://withlogic.co/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://pedromelorocha.pt/blog/migrating-from-hugo-to-11ty-finally/" class="bundleitem-title" ID="pedro-rocha-migrating-from-hugo-to-11ty-finally-2025-09-08" data-pagefind-ignore="" data-link-type="external">Migrating from Hugo to 11ty (Finally)</a> <p class="bundleitem-description">I finally moved my personal website from Hugo to 11ty after letting it sit dormant for months.</p> <p class="bundleitem-date">Sep 8, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/pedro-rocha/">Pedro Rocha (1 post)</a> · <a href="https://pedromelorocha.pt/">Website</a> &amp; <a href="https://pedromelorocha.pt/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a></p> </div> <div class="bundleitem"> <a href="https://joshtronic.com/2025/09/07/eleventy-category-tag-pages/" class="bundleitem-title" ID="josh-sherman-category-and-tag-pages-with-eleventy-2025-09-07" data-pagefind-ignore="" data-link-type="external">Category and Tag Pages with Eleventy</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Sep 7, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/josh-sherman/">Josh Sherman (3 posts)</a> · <a href="https://joshtronic.com/">Website</a> &amp; <a href="https://joshtronic.com/atom.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/collections/">Collections</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/pagination/">Pagination</a></p> </div> <div class="bundleitem"> <a href="https://alix.guillard.fr/notes/dotclear-to-eleventy/" class="bundleitem-title" ID="alix-guillard-from-dotclear-to-eleventy-2025-09-05T08:43:42.000" data-pagefind-ignore="" data-link-type="external">From Dotclear to Eleventy</a> <p class="bundleitem-description">How to migrate a blog from Dotclear on to eleventy</p> <p class="bundleitem-date">Sep 5, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/alix-guillard/">Alix Guillard (4 posts)</a> · <a href="https://alix.guillard.fr/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a></p> </div> <div class="bundleitem"> <a href="https://helenchong.dev/blog/posts/2025-09-05-eleventy-multilingual-blog/" class="bundleitem-title" ID="helen-chong-building-a-multilingual-blog-with-eleventy-2025-09-05T08:37:41.000" data-pagefind-ignore="" data-link-type="external">Building a Multilingual Blog with Eleventy</a> <p class="bundleitem-description">My experience with making my English-Simplified Chinese bilingual personal blog with Eleventy and its official internalisation plugin.</p> <p class="bundleitem-date">Sep 5, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/helen-chong/">Helen Chong (7 posts)</a> · <a href="https://helenchong.dev/">Website</a> &amp; <a href="https://helenchong.dev/blog/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/internationalization/">Internationalization</a></p> </div> <div class="bundleitem"> <a href="https://www.kylereddoch.me/blog/from-start-to-finish-moving-my-blog-to-eleventy-github-pages/" class="bundleitem-title" ID="kyle-reddoch-from-start-to-finish-moving-my-blog-to-eleventy-github-pages-2025-09-04T12:47:20.000" data-pagefind-ignore="" data-link-type="external">From Start to Finish: Moving My Blog to Eleventy + GitHub Pages</a> <p class="bundleitem-description">A step-by-step guide on migrating my blog from using Weblog by OMGlol to Eleventy, hosted on GitHub Pages.</p> <p class="bundleitem-date">Sep 4, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/kyle-reddoch/">Kyle Reddoch (4 posts)</a> · <a href="https://www.kylereddoch.me/">Website</a> &amp; <a href="https://www.kylereddoch.me/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a></p> </div> <div class="bundleitem"> <a href="https://nooshu.com/blog/2025/09/02/asset-fingerprinting-and-the-preload-response-header-in-11ty/" class="bundleitem-title" ID="matt-hobbs-asset-fingerprinting-and-the-preload-response-header-in-11ty-2025-09-02T16:59:08.000" data-pagefind-ignore="" data-link-type="external">Asset fingerprinting and the preload response header in 11ty</a> <p class="bundleitem-description">I’ll be building on my earlier post about CSS asset fingerprinting, this time adding the preload response header into the mix. Together, these techniques make sure your browser grabs my blog’s CSS right away, keeping things fast and seamless.</p> <p class="bundleitem-date">Sep 2, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/matt-hobbs/">Matt Hobbs (7 posts)</a> · <a href="https://nooshu.com/">Website</a> &amp; <a href="https://nooshu.com/feed/feed-rss.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/asset-pipelines/">Asset Pipelines</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/performance/">Performance</a></p> </div> <div class="bundleitem"> <a href="https://chriskirknielsen.com/blog/conditional-favicon-with-eleventy-passthrough-copy/" class="bundleitem-title" ID="christopher-kirk-nielsen-conditional-favicon-in-elev-enty-using-passthrough-copy-2025-09-01T09:06:31.000" data-pagefind-ignore="" data-link-type="external">Conditional favicon in Elev­enty using passthrough copy</a> <p class="bundleitem-description">Never mix up dev and prod again! (due to identical icons, at least)</p> <p class="bundleitem-date">Sep 1, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/christopher-kirk-nielsen/">Christopher Kirk-Nielsen (14 posts)</a> · <a href="https://chriskirknielsen.com/">Website</a> &amp; <a href="https://chriskirknielsen.com/rss.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/asset-pipelines/">Asset Pipelines</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a></p> </div> <div class="bundleitem"> <a href="https://jesus.twk95.com/blog/an-eleventy-showcase/" class="bundleitem-title" ID="jesus-otero-lagunes-an-eleventy-showcase-2025-08-30" data-pagefind-ignore="" data-link-type="external">An Eleventy Showcase!</a> <p class="bundleitem-description">This is a post featuring what you can do with Eleventy and Markdown!</p> <p class="bundleitem-date">Aug 30, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jesus-otero-lagunes/">Jesus Otero Lagunes (1 post)</a> · <a href="https://jesus.twk95.com/">Website</a> &amp; <a href="https://jesus.twk95.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://gfscott.com/blog/eleventy-pagination-vento/" class="bundleitem-title" ID="graham-f-scott-eleventy-pagination-with-vento-2025-08-28T22:19:50.000" data-pagefind-ignore="" data-link-type="external">Eleventy pagination with Vento</a> <p class="bundleitem-description">Updating Eleventy from Nunjucks to Vento was mostly smooth sailing — except for pagination. Here’s how I eventually figured it out.</p> <p class="bundleitem-date">Aug 28, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/graham-f-scott/">Graham F. Scott (5 posts)</a> · <a href="https://gfscott.com/">Website</a> &amp; <a href="https://gfscott.com/blog/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/pagination/">Pagination</a><a href="https://11tybundle.dev/categories/vento/">Vento</a></p> </div> <div class="bundleitem"> <a href="https://aninus.com/blog/using-obsidian-callouts-with-11ty/" class="bundleitem-title" ID="aninus-partikler-using-obsidian-callouts-with-11ty-2025-08-26T09:41:50.000" data-pagefind-ignore="" data-link-type="external">Using Obsidian Callouts with 11ty</a> <p class="bundleitem-description">A simple guide on how to make an Obsidian style Callout or Information box</p> <p class="bundleitem-date">Aug 26, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/aninus-partikler/">Aninus Partikler (1 post)</a> · <a href="https://aninus.com/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/obsidian/">Obsidian</a></p> </div> <div class="bundleitem"> <a href="https://my.stuffandthings.lol/blog/2025-08-23/og-images-using-11ty-screenshot-service.html" class="bundleitem-title" ID="jason-moser-og-images-using-11ty-screenshot-service-2025-08-23T21:43:58.000" data-pagefind-ignore="" data-link-type="external">OG Images using 11ty Screenshot Service</a> <p class="bundleitem-description">An easier approach to OG images (for me!)</p> <p class="bundleitem-date">Aug 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jason-moser/">Jason Moser (5 posts)</a> · <a href="https://my.stuffandthings.lol/">Website</a> &amp; <a href="https://my.stuffandthings.lol/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/pagination/">Pagination</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a></p> </div> <div class="bundleitem"> <a href="https://claytonerrington.com/blog/how-i-fixed-my-blogroll/" class="bundleitem-title" ID="clayton-errington-how-i-fixed-my-blogroll-2025-08-22T16:59:46.000" data-pagefind-ignore="" data-link-type="external">How I Fixed My Blogroll</a> <p class="bundleitem-description">After troubleshooting eleventy my blog roll was the cause of the long build times</p> <p class="bundleitem-date">Aug 22, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/clayton-errington/">Clayton Errington (19 posts)</a> · <a href="https://claytonerrington.com/">Website</a> &amp; <a href="https://claytonerrington.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/debugging/">Debugging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/rss/">RSS</a><a href="https://11tybundle.dev/categories/remote-data/">Remote Data</a></p> </div> <div class="bundleitem"> <a href="https://claytonerrington.com/blog/troubleshooting-eleventy-long-build-time/" class="bundleitem-title" ID="clayton-errington-troubleshooting-eleventy-long-build-time-2025-08-22T16:58:16.000" data-pagefind-ignore="" data-link-type="external">Troubleshooting Eleventy Long Build Time</a> <p class="bundleitem-description">I notice my build times were getting longer but no real changes were made</p> <p class="bundleitem-date">Aug 22, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/clayton-errington/">Clayton Errington (19 posts)</a> · <a href="https://claytonerrington.com/">Website</a> &amp; <a href="https://claytonerrington.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/debugging/">Debugging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/performance/">Performance</a></p> </div> <div class="bundleitem"> <a href="https://ricmac.org/2025/08/21/ghost-substack-eleventy-wordpress/" class="bundleitem-title" ID="richard-macmanus-ghost-vs-substack-eleventy-vs-wordpress-my-experiences-2025-08-21T08:40:51.000" data-pagefind-ignore="" data-link-type="external">Ghost vs. Substack, Eleventy vs. WordPress: My Experiences</a> <p class="bundleitem-description">This month I began yet another web side-project: a weekly newsletter called Web Technology News on the Ghost platform. I currently have two other active websites: Cybercultural, my internet history site that I run via Eleventy and Cloudflare (and Buttondown for email delivery); and my personal websi</p> <p class="bundleitem-date">Aug 21, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/richard-macmanus/">Richard MacManus (3 posts)</a> · <a href="https://ricmac.org/">Website</a> &amp; <a href="https://ricmac.org/feed/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://www.juanfernandes.uk/blog/automating-my-links-list/" class="bundleitem-title" ID="juan-fernandes-automating-my-links-list-2025-08-20T16:53:17.000" data-pagefind-ignore="" data-link-type="external">Automating my links list</a> <p class="bundleitem-description">How I automated my Instapaper “liked” articles into a clean, sorted JSON feed for my 11ty site — with date normalisation, HTML stripping, and deduplication, all running daily via GitHub Actions.</p> <p class="bundleitem-date">Aug 20, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/juan-fernandes/">Juan Fernandes (4 posts)</a> · <a href="https://www.juanfernandes.uk/">Website</a> &amp; <a href="https://www.juanfernandes.uk/rss/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/rss/">RSS</a><a href="https://11tybundle.dev/categories/remote-data/">Remote Data</a></p> </div> <div class="bundleitem"> <a href="https://11tycms.com/blog/posts/11tycms-build-and-publishing-with-a-side-of-metadata/" class="bundleitem-title" ID="jessie-heald-11tycms-new-home-s-build-and-publishing-with-a-side-of-collection-indexing-and-bug-fixes-2025-08-19T12:16:23.000" data-pagefind-ignore="" data-link-type="external">11tyCMS: New home(s), build &amp; publishing, with a side of collection indexing &amp; bug fixes</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Aug 19, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jessie-heald/">Jessie Heald (12 posts)</a> · <a href="https://11tycms.com/">Website</a> &amp; <a href="https://11tycms.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/cms/">CMS</a></p> </div> <div class="bundleitem"> <a href="https://www.zachleat.com/web/history-of-eleventy-name/" class="bundleitem-title" ID="zach-leatherman-a-note-from-my-late-grandmother-about-eleventy-2025-08-19T11:29:39.000" data-pagefind-ignore="" data-link-type="external">A Note from my Late Grandmother about Eleventy</a> <p class="bundleitem-description">A post by Zach Leatherman (zachleat)</p> <p class="bundleitem-date">Aug 19, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/zach-leatherman/">Zach Leatherman (81 posts)</a> · <a href="https://www.zachleat.com/">Website</a> &amp; <a href="https://www.zachleat.com/follow/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/from-the-source/">From the Source</a></p> </div> <div class="bundleitem"> <a href="https://bix.blog/posts/2025-08-19-whats-next-search-me/" class="bundleitem-title" ID="bix-frankonis-what-s-next-search-me-2025-08-19" data-pagefind-ignore="" data-link-type="external">What’s Next? Search Me</a> <p class="bundleitem-description">The long and the short of it: the blog finally has search functionality again, something it lost with the move to Eleventy back in March. This is not something I was sure would ever happen. I’d avoided the consistently recommended Pagefind because I didn’t like...</p> <p class="bundleitem-date">Aug 19, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/bix-frankonis/">Bix Frankonis (1 post)</a> · <a href="https://bix.blog/">Website</a> &amp; <a href="https://bix.blog/feed/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/search/">Search</a></p> </div> <div class="bundleitem"> <a href="https://www.cantoni.org/2025/08/18/solving-my-image-dimension-problem-with-an-eleventy-transform/" class="bundleitem-title" ID="brian-cantoni-solving-my-image-dimension-problem-with-an-eleventy-transform-2025-08-18T16:50:34.000" data-pagefind-ignore="" data-link-type="external">Solving my Image Dimension Problem with an Eleventy Transform</a> <p class="bundleitem-description">Software engineering leader and occasional side project hacker.</p> <p class="bundleitem-date">Aug 18, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/brian-cantoni/">Brian Cantoni (6 posts)</a> · <a href="https://www.cantoni.org/">Website</a> &amp; <a href="https://www.cantoni.org/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/debugging/">Debugging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> <div class="bundleitem"> <a href="https://www.cantoni.org/2025/08/17/how-to-add-playwright-automated-tests-to-an-eleventy-static-blog/" class="bundleitem-title" ID="brian-cantoni-how-to-add-playwright-automated-tests-to-an-eleventy-static-blog-2025-08-17T21:02:24.000" data-pagefind-ignore="" data-link-type="external">How to Add Playwright Automated Tests to an Eleventy Static Blog</a> <p class="bundleitem-description">Software engineering leader and occasional side project hacker.</p> <p class="bundleitem-date">Aug 17, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/brian-cantoni/">Brian Cantoni (6 posts)</a> · <a href="https://www.cantoni.org/">Website</a> &amp; <a href="https://www.cantoni.org/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/debugging/">Debugging</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://claytonerrington.com/blog/updated-drafts/?utm_source=rss" class="bundleitem-title" ID="clayton-errington-updated-my-draft-system-2025-08-17T08:08:22.000" data-pagefind-ignore="" data-link-type="external">Updated My Draft System</a> <p class="bundleitem-description">How I've updated the drafts on my website with 11ty</p> <p class="bundleitem-date">Aug 17, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/clayton-errington/">Clayton Errington (19 posts)</a> · <a href="https://claytonerrington.com/">Website</a> &amp; <a href="https://claytonerrington.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/drafts/">Drafts</a><a href="https://11tybundle.dev/categories/front-matter/">Front Matter</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://ma.tthew.berlin/words/how-i-built-this-website-with-11ty-craftcms/" class="bundleitem-title" ID="matthew-richards-how-i-built-this-website-with-11ty-and-craftcms-2025-08-15T09:21:44.000" data-pagefind-ignore="" data-link-type="external">How I Built This Website (With 11ty &amp; CraftCMS)</a> <p class="bundleitem-description">Matt Richards - Senior Staff Product Engineer / Engineering Lead based in Berlin.</p> <p class="bundleitem-date">Aug 15, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/matthew-richards/">Matthew Richards (1 post)</a> · <a href="https://ma.tthew.berlin/">Website</a> &amp; <a href="https://ma.tthew.berlin/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a><a href="https://11tybundle.dev/categories/global-data/">Global Data</a></p> </div> <div class="bundleitem"> <a href="https://skiles.blue/blog/cloudflare_domain_hitches/" class="bundleitem-title" ID="john-skiles-skinner-cloudflare-domain-hitches-2025-08-14" data-pagefind-ignore="" data-link-type="external">Cloudflare domain hitches</a> <p class="bundleitem-description">DNS and SSL certificate gotcha when finding a new home for a website</p> <p class="bundleitem-date">Aug 14, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/john-skiles-skinner/">John Skiles Skinner (2 posts)</a> · <a href="https://skiles.blue/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/debugging/">Debugging</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a></p> </div> <div class="bundleitem"> <a href="https://underlap.org/katex/" class="bundleitem-title" ID="glyn-normington-formatting-maths-in-eleventy-with-katex-2025-08-13T14:27:35.000" data-pagefind-ignore="" data-link-type="external">Formatting maths in Eleventy with KaTeX</a> <p class="bundleitem-description">A blog on software development and other stuff</p> <p class="bundleitem-date">Aug 13, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/glyn-normington/">Glyn Normington (4 posts)</a> · <a href="https://underlap.org/">Website</a> &amp; <a href="https://underlap.org/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/debugging/">Debugging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a></p> </div> <div class="bundleitem"> <a href="https://tylersticka.com/journal/how-i-deploy-this-site/" class="bundleitem-title" ID="tyler-sticka-how-i-deploy-this-site-2025-07-07" data-pagefind-ignore="" data-link-type="external">How I Deploy This Site</a> <p class="bundleitem-description">It isn't very fancy.</p> <p class="bundleitem-date">Jul 7, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/tyler-sticka/">Tyler Sticka (3 posts)</a> · <a href="https://tylersticka.com/">Website</a> &amp; <a href="https://tylersticka.com/journal/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://my.stuffandthings.lol/blog/2025-01-15/o-m-g-images.html" class="bundleitem-title" ID="jason-moser-o-m-g-images-2025-01-15" data-pagefind-ignore="" data-link-type="external">O(M)G Images</a> <p class="bundleitem-description">Getting og:image to work with a plugin and some grit</p> <p class="bundleitem-date">Jan 15, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jason-moser/">Jason Moser (5 posts)</a> · <a href="https://my.stuffandthings.lol/">Website</a> &amp; <a href="https://my.stuffandthings.lol/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a></p> </div> <div class="bundleitem"> <a href="https://my.stuffandthings.lol/blog/2024-08-02/11ty-beta-and-going-public.html" class="bundleitem-title" ID="jason-moser-11ty-beta-and-going-public-2024-08-02" data-pagefind-ignore="" data-link-type="external">11ty Beta and Going Public</a> <p class="bundleitem-description">A new middle</p> <p class="bundleitem-date">Aug 2, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jason-moser/">Jason Moser (5 posts)</a> · <a href="https://my.stuffandthings.lol/">Website</a> &amp; <a href="https://my.stuffandthings.lol/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/upgrading/">Upgrading</a></p> </div> <div class="bundleitem"> <a href="https://my.stuffandthings.lol/blog/2024-06-19/webmentions-and-11ty.html" class="bundleitem-title" ID="jason-moser-webmentions-and-11ty-2024-06-19" data-pagefind-ignore="" data-link-type="external">Webmentions and 11ty</a> <p class="bundleitem-description">Getting webmentions up and running on 11ty - update!</p> <p class="bundleitem-date">Jun 19, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jason-moser/">Jason Moser (5 posts)</a> · <a href="https://my.stuffandthings.lol/">Website</a> &amp; <a href="https://my.stuffandthings.lol/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a><a href="https://11tybundle.dev/categories/webmentions/">Webmentions</a></p> </div> <div class="bundleitem"> <a href="https://fuzzylogic.me/posts/webc/" class="bundleitem-title" ID="laurence-hughes-webc-2022-10-23" data-pagefind-ignore="" data-link-type="external">WebC</a> <p class="bundleitem-description">WebC, the latest addition to the Eleventy suite of technologies, is focused on making Web Components easier to use.</p> <p class="bundleitem-date">Oct 23, 2022</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/laurence-hughes/">Laurence Hughes (4 posts)</a> · <a href="https://fuzzylogic.me/">Website</a> &amp; <a href="https://fuzzylogic.me/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/webc/">WebC</a></p> </div> <div class="bundleitem"> <a href="https://fuzzylogic.me/posts/reusable-code-snippets-and-components-in-eleventy/" class="bundleitem-title" ID="laurence-hughes-reusable-code-snippets-and-components-in-eleventy-2021-08-21" data-pagefind-ignore="" data-link-type="external">Reusable code snippets and components in Eleventy</a> <p class="bundleitem-description">Some cunning ways to use Nunjucks and 11ty shortcodes for reusable blocks</p> <p class="bundleitem-date">Aug 21, 2021</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/laurence-hughes/">Laurence Hughes (4 posts)</a> · <a href="https://fuzzylogic.me/">Website</a> &amp; <a href="https://fuzzylogic.me/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/nunjucks-macros/">Nunjucks/Macros</a><a href="https://11tybundle.dev/categories/shortcodes/">Shortcodes</a></p> </div> <div class="bundleitem"> <a href="https://fuzzylogic.me/posts/flexible-tag-like-functionality-for-custom-keys-in-eleventy/" class="bundleitem-title" ID="laurence-hughes-flexible-tag-like-functionality-for-custom-keys-in-eleventy-2019-08-26" data-pagefind-ignore="" data-link-type="external">Flexible tag-like functionality for custom keys in Eleventy</a> <p class="bundleitem-description">Achieving tag-like functionality without using tags in Eleventy</p> <p class="bundleitem-date">Aug 26, 2019</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/laurence-hughes/">Laurence Hughes (4 posts)</a> · <a href="https://fuzzylogic.me/">Website</a> &amp; <a href="https://fuzzylogic.me/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/collections/">Collections</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/pagination/">Pagination</a></p> </div> </div><p></p> <div id="sites"></div> <h2>Built with Eleventy</h2> <p>Here are the new sites to see. If you want to see more sites, check out the <a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a>.</p> <p></p><div class="bundlesites" data-pagefind-ignore="index"> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://pedromelorocha.pt/" data-link-type="external">Pedro Rocha</a></p> <p class="bundleitem-description">Software developer writing about code, politics, sports, and whatever else is on my mind.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://keveney.com/" data-link-type="external">Matt Keveney</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.cookingtimers.org/" data-link-type="external">Cooking Timers</a></p> <p class="bundleitem-description">Cooking timers : how long to cook any kind of food for best flavor along with additional...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.patrickgrey.co.uk/" data-link-type="external">Patrick Grey</a></p> <p class="bundleitem-description">A web developer living, working and playing in Scotland.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://jesus.twk95.com/" data-link-type="external">JOL.</a></p> <p class="bundleitem-description">A website showcasing my skills and experience as a network engineer</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://astoichkov.com/" data-link-type="external">moods by andisha</a></p> <p class="bundleitem-description">Търсите сватбен фотограф във Варна и региона? 📸 Улавям истинските емоции и разказвам Вашата...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://chrishannah.me/" data-link-type="external">Chris Hannah</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.kylereddoch.me/" data-link-type="external">Kyles Tech Korner</a></p> <p class="bundleitem-description">My life and journey through this world of technology. A blog about tech, cybersecurity, and...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.billvinson.com/" data-link-type="external">Bill Vinson</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://aninus.com/" data-link-type="external">Aninus</a></p> <p class="bundleitem-description">My name is Aninus Partikler, but you might also know me as aninusmuffin or aninuscsalas. I self...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.srva.ai/" data-link-type="external">Srva</a></p> <p class="bundleitem-description">Srva makes AI creation simple. Instantly build custom AI-powered apps, share them with others, and...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://csenf.de/" data-link-type="external">csenf.de</a></p> <p class="bundleitem-description"></p> </div></div><p></p> 2025-08-11T00:00:00Z https://11tybundle.dev/blog/11ty-bundle-77/

11ty Bundle Issue 77

<p><em>An email version of this blog is available. <strong><a href="https://11tybundle.dev/blog/11ty-bundle-77/#newsletter-subscribe">Subscribe here</a></strong>.</em></p> <hr /> <p><strong><em>A note from Bob:</em></strong></p> <p>Last I wrote, I suggested that the Bundle's blogs would be posted monthly, rather than every 2 weeks. Well, as I sit here, it's the 11th of August. And what better day of the month than the 11th to publish these posts. So here we are!</p> <p>And August 11th also shares the significance of being my mother's birthday, may she rest in peace. I love thinking of her on this day and I very much enjoy sharing these posts with all of you.</p> <p>Enjoy!</p> <hr /> <p><strong>Meetup videos.</strong> Videos of the last Eleventy Meetup are now available on Youtube. <a href="https://www.youtube.com/playlist?list=PLJy3jyeGVYUpd4IUXPHCNf3r70o4zlnMj">Here's a playlist</a>.</p> <p><strong>WebNami blog generator.</strong> WebNami, an opinionated and feature-rich 11ty-based blog generator, is now available. Check it out <a href="https://github.com/webnami-dev/webnami?tab=readme-ov-file#webnami">on GitHub</a>. Here's a <a href="https://webnami-blog.pages.dev/">demo</a>.</p> <p><strong>Blue Rose starter.</strong> Created by <a href="https://melkat.dev/">Melanie Kat</a>, Blue Rose is a starter that bills itself as <em>&quot;A lightweight, responsive, and highly performant gallery for photos and videos for use with 11ty.&quot;</em> <a href="https://melkat.dev/melanie/blue-rose#readme">Check it out here</a>. Here's a <a href="https://bluerose.melkat.dev/">demo</a>.</p> <p><strong>New Speedlify leaderboard.</strong> Zach updated the <a href="https://www.11ty.dev/speedlify/">Speedlify leaderboard</a> on August 2nd.</p> <p><strong>Zach does weird image tricks.</strong> Zach shows us <a href="https://www.zachleat.com/web/faster-builds-with-eleventy-img/">One weird trick to reduce Eleventy Image Build Times by 60%</a>. I have not tried this yet, but it sounds promising!</p> <p><strong>Fruity new starter.</strong> <a href="https://katebagenzo.neocities.org/">Kate Bagenzo</a> brings us <a href="https://github.com/kate-bagenzo/strawberry-starter#-strawberry-starter">Strawberry Starter</a>. The <a href="https://strawberrystarter.neocities.org/posts/example_posts/installation/">installation guide</a> is really well done. It has earned a spot here on the <a href="https://11tybundle.dev/starters">Starters page</a>.</p> <h2>One more thing...</h2> <p><strong>Stickers are still available.</strong> <a href="https://bobmonsour.com/shop/">Get yours!</a>. Only $3 each, tax &amp; shipping included.</p> <p><img src="https://11tybundle.dev/assets/img/11tybundle-dev.png" alt="The new 11ty Bundle OG image" /></p> <p>Until next time...</p> <hr /> <h2>Recent releases</h2> <p></p><div class="bundlereleases" data-pagefind-ignore="index"><p></p> <p></p><div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-vite/releases/tag/v7.1.0-alpha.2" data-link-type="external">Eleventy Plugin Vite v7.1.0-alpha.2</a></p> <p class="bundleitem-description">A plugin to use Vite with Eleventy. Contribute to 11ty/eleventy-plugin-vite development by creating...</p> <p class="bundleitem-dateline">Aug 9, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-vite/releases/tag/v7.1.0-alpha.1" data-link-type="external">Eleventy Plugin Vite v7.1.0-alpha.1</a></p> <p class="bundleitem-description">A plugin to use Vite with Eleventy. Contribute to 11ty/eleventy-plugin-vite development by creating...</p> <p class="bundleitem-dateline">Aug 9, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-syntaxhighlight/releases/tag/v5.0.2" data-link-type="external">Eleventy Syntax Highlighter (Prism) v5.0.2</a></p> <p class="bundleitem-description">A pack of Eleventy plugins for syntax highlighting in Markdown, Liquid, and Nunjucks templates. -...</p> <p class="bundleitem-dateline">Aug 1, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v4.0.0-alpha.4" data-link-type="external">Pre-release: Eleventy v4.0.0-alpha.4</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">Aug 1, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-dev-server/releases/tag/v3.0.0-alpha.3" data-link-type="external">Eleventy Dev Server v3.0.0-alpha.3</a></p> <p class="bundleitem-description">A minimal generic web-development web server. Contribute to 11ty/eleventy-dev-server development by...</p> <p class="bundleitem-dateline">Aug 1, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v4.0.0-alpha.3" data-link-type="external">Pre-release: Eleventy v4.0.0-alpha.3</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">Jul 30, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v4.0.0-alpha.2" data-link-type="external">Pre-release: Eleventy v4.0.0-alpha.2</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">Jul 30, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v4.0.0-alpha.1" data-link-type="external">Pre-release: Eleventy v4.0.0-alpha.1</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">Jul 30, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-dev-server/releases/tag/v3.0.0-alpha.2" data-link-type="external">Eleventy Dev Server v3.0.0-alpha.2</a></p> <p class="bundleitem-description">A minimal generic web-development web server. Contribute to 11ty/eleventy-dev-server development by...</p> <p class="bundleitem-dateline">Jul 30, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-dev-server/releases/tag/v3.0.0-alpha.1" data-link-type="external">Eleventy Dev Server v3.0.0-alpha.1</a></p> <p class="bundleitem-description">A minimal generic web-development web server. Contribute to 11ty/eleventy-dev-server development by...</p> <p class="bundleitem-dateline">Jul 29, 2025</p> </div></div><p></p> <h2>Posts from around the web</h2> <p></p><div class="bundleposts" data-pagefind-ignore="index"> <div class="bundleitem"> <a href="https://www.aleksandrhovhannisyan.com/notes/cache-busting-assets-in-eleventy/" class="bundleitem-title" ID="aleksandr-hovhannisyan-cache-busting-assets-in-eleventy-2025-08-10T21:38:54.000" data-pagefind-ignore="" data-link-type="external">Cache-Busting Assets in Eleventy</a> <p class="bundleitem-description">Generate a sourcemap and add it to Eleventy’s global data.</p> <p class="bundleitem-date">Aug 10, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/aleksandr-hovhannisyan/">Aleksandr Hovhannisyan (14 posts)</a> · <a href="https://www.aleksandrhovhannisyan.com/">Website</a> &amp; <a href="https://www.aleksandrhovhannisyan.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/asset-pipelines/">Asset Pipelines</a><a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://darthmall.net/2025/subtle-footgun-in-eleventys-default-permalink-algorithm/" class="bundleitem-title" ID="evan-sheehan-a-subtle-footgun-in-eleventy-s-default-permalink-algorithm-2025-08-10T21:36:39.000" data-pagefind-ignore="" data-link-type="external">A Subtle Footgun in Eleventy’s Default Permalink Algorithm</a> <p class="bundleitem-description">How using a date-based directory structure for your site can bite you in the ass.</p> <p class="bundleitem-date">Aug 10, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/evan-sheehan/">Evan Sheehan (8 posts)</a> · <a href="https://darthmall.net/">Website</a> &amp; <a href="https://darthmall.net/feed/all.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/debugging/">Debugging</a></p> </div> <div class="bundleitem"> <a href="https://underlap.org/blogging-in-markdown/" class="bundleitem-title" ID="glyn-normington-blogging-in-markdown-2025-08-09T14:32:41.000" data-pagefind-ignore="" data-link-type="external">Blogging in markdown</a> <p class="bundleitem-description">A blog on software development and other stuff</p> <p class="bundleitem-date">Aug 9, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/glyn-normington/">Glyn Normington (4 posts)</a> · <a href="https://underlap.org/">Website</a> &amp; <a href="https://underlap.org/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> <div class="bundleitem"> <a href="https://underlap.org/adding-notes-to-an-eleventy-blog/" class="bundleitem-title" ID="glyn-normington-adding-notes-to-an-eleventy-blog-2025-08-04T07:25:24.000" data-pagefind-ignore="" data-link-type="external">Adding notes to an eleventy blog</a> <p class="bundleitem-description">A blog on software development and other stuff</p> <p class="bundleitem-date">Aug 4, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/glyn-normington/">Glyn Normington (4 posts)</a> · <a href="https://underlap.org/">Website</a> &amp; <a href="https://underlap.org/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a></p> </div> <div class="bundleitem"> <a href="https://benwhite.com.au/blog/pages-to-workers/" class="bundleitem-title" ID="ben-white-migrating-an-11ty-site-from-cloudflare-pages-to-workers-2025-08-03T10:18:51.000" data-pagefind-ignore="" data-link-type="external">Migrating an 11ty site from Cloudflare Pages to Workers</a> <p class="bundleitem-description">It's Workers all the way down.</p> <p class="bundleitem-date">Aug 3, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/ben-white/">Ben White (3 posts)</a> · <a href="https://benwhite.com.au/">Website</a> &amp; <a href="https://benwhite.com.au/rss/everything.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://underlap.org/replacing-writefreely/" class="bundleitem-title" ID="glyn-normington-replacing-writefreely-with-eleventy-2025-08-02T10:19:00.000" data-pagefind-ignore="" data-link-type="external">Replacing WriteFreely with eleventy</a> <p class="bundleitem-description">A blog on software development and other stuff</p> <p class="bundleitem-date">Aug 2, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/glyn-normington/">Glyn Normington (4 posts)</a> · <a href="https://underlap.org/">Website</a> &amp; <a href="https://underlap.org/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a></p> </div> <div class="bundleitem"> <a href="https://www.zachleat.com/web/faster-builds-with-eleventy-img/" class="bundleitem-title" ID="zach-leatherman-one-weird-trick-to-reduce-eleventy-image-build-times-by-60-2025-08-01T15:54:21.000" data-pagefind-ignore="" data-link-type="external">One weird trick to reduce Eleventy Image Build Times by 60%</a> <p class="bundleitem-description">A post by Zach Leatherman (zachleat)</p> <p class="bundleitem-date">Aug 1, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/zach-leatherman/">Zach Leatherman (81 posts)</a> · <a href="https://www.zachleat.com/">Website</a> &amp; <a href="https://www.zachleat.com/follow/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/performance/">Performance</a><a href="https://11tybundle.dev/categories/from-the-source/">From the Source</a></p> </div> <div class="bundleitem"> <a href="https://chrismcleod.dev/blog/migrating-an-eleventy-site-to-bunnynet/" class="bundleitem-title" ID="chris-mcleod-migrating-an-eleventy-site-to-bunny-net-2025-07-25" data-pagefind-ignore="" data-link-type="external">Migrating An Eleventy Site to Bunny.Net</a> <p class="bundleitem-description">Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.</p> <p class="bundleitem-date">Jul 25, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/chris-mcleod/">Chris McLeod (7 posts)</a> · <a href="https://chrismcleod.dev/">Website</a> &amp; <a href="https://chrismcleod.dev/follow/blog/feed.rss">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a></p> </div> <div class="bundleitem"> <a href="https://cassey.dev/static-sites-on-cloudflare/" class="bundleitem-title" ID="cassey-lottman-hosting-your-static-site-on-cloudflare-tips-and-tricks-2025-07-25" data-pagefind-ignore="" data-link-type="external">Hosting your Static Site on Cloudflare: Tips &amp; Tricks</a> <p class="bundleitem-description">One person is typing.</p> <p class="bundleitem-date">Jul 25, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/cassey-lottman/">Cassey Lottman (12 posts)</a> · <a href="https://cassey.dev/">Website</a> &amp; <a href="https://cassey.dev/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://damianwalsh.co.uk/posts/scheduled-deployments-for-eleventy-websites/" class="bundleitem-title" ID="damian-walsh-scheduled-deployments-for-eleventy-websites-2025-07-25" data-pagefind-ignore="" data-link-type="external">Scheduled deployments for Eleventy websites</a> <p class="bundleitem-description">Automating builds with Netlify Build hooks and GitHub Actions</p> <p class="bundleitem-date">Jul 25, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/damian-walsh/">Damian Walsh (3 posts)</a> · <a href="https://damianwalsh.co.uk/">Website</a> &amp; <a href="https://damianwalsh.co.uk/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/netlify/">Netlify</a></p> </div> <div class="bundleitem"> <a href="https://renkotsuban.com/posts/2025-07-25-Updates-to-the-Eleventy-guide.html" class="bundleitem-title" ID="renkon-updates-to-the-eleventy-guide-2025-07-25" data-pagefind-ignore="" data-link-type="external">Updates to the Eleventy guide</a> <p class="bundleitem-description">Renkon's personal site and blog.</p> <p class="bundleitem-date">Jul 25, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/renkon/">Renkon (3 posts)</a> · <a href="https://renkotsuban.com/">Website</a> &amp; <a href="https://renkotsuban.com/rss.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/rss/">RSS</a></p> </div> <div class="bundleitem"> <a href="https://renkotsuban.com/posts/2025-07-26-Eleventy-plugin-recs-part-1.html" class="bundleitem-title" ID="renkon-eleventy-plugin-recs-part-1-2025-07-25" data-pagefind-ignore="" data-link-type="external">Eleventy plugin recs, part 1</a> <p class="bundleitem-description">Renkon's personal site and blog.</p> <p class="bundleitem-date">Jul 25, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/renkon/">Renkon (3 posts)</a> · <a href="https://renkotsuban.com/">Website</a> &amp; <a href="https://renkotsuban.com/rss.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/front-matter/">Front Matter</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> <div class="bundleitem"> <a href="https://rigotti.nl/en/blog/htmx-11ty/" class="bundleitem-title" ID="rigotti-using-htmx-boosted-links-in-my-11ty-website-2025-07-25" data-pagefind-ignore="" data-link-type="external">Using HTMX boosted links in my 11ty website</a> <p class="bundleitem-description">Boosting links is a powerful technique that makes the navigation between pages of a statically generated website smoother.</p> <p class="bundleitem-date">Jul 25, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/rigotti/">Rigotti (1 post)</a> · <a href="https://rigotti.nl/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/performance/">Performance</a></p> </div> <div class="bundleitem"> <a href="https://francisbeaudet.com/en/blog/completing-the-i18nplugin-installation/" class="bundleitem-title" ID="francis-beaudet-completing-the-i18nplugin-installation-2025-07-23" data-pagefind-ignore="" data-link-type="external">Completing the I18nPlugin installation</a> <p class="bundleitem-description">This is the second part of my experiment to standardize the structure of my blog using the built-in I18nPlugin</p> <p class="bundleitem-date">Jul 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/francis-beaudet/">Francis Beaudet (2 posts)</a> · <a href="https://francisbeaudet.com/">Website</a> &amp; <a href="https://francisbeaudet.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/internationalization/">Internationalization</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/rss/">RSS</a></p> </div> <div class="bundleitem"> <a href="https://fershad.com/notes/webmentions/" class="bundleitem-title" ID="fershad-irani-i-ve-added-webmentions-to-this-blog-2025-07-23" data-pagefind-ignore="" data-link-type="external">I've added webmentions to this blog</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Jul 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/fershad-irani/">Fershad Irani (3 posts)</a> · <a href="https://fershad.com/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/webmentions/">Webmentions</a></p> </div> <div class="bundleitem"> <a href="https://www.zachleat.com/web/adventures-in-date-parsing/" class="bundleitem-title" ID="zach-leatherman-never-write-your-own-date-parsing-library-2025-07-23" data-pagefind-ignore="" data-link-type="external">Never write your own Date Parsing Library</a> <p class="bundleitem-description">A post by Zach Leatherman (zachleat)</p> <p class="bundleitem-date">Jul 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/zach-leatherman/">Zach Leatherman (81 posts)</a> · <a href="https://www.zachleat.com/">Website</a> &amp; <a href="https://www.zachleat.com/follow/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/dates/">Dates</a><a href="https://11tybundle.dev/categories/from-the-source/">From the Source</a></p> </div> <div class="bundleitem"> <a href="https://claytonerrington.com/blog/updated-search-to-use-page-find/" class="bundleitem-title" ID="clayton-errington-updated-search-to-use-pagefind-2025-07-22" data-pagefind-ignore="" data-link-type="external">Updated Search to Use PageFind</a> <p class="bundleitem-description">Out with the old in with the new</p> <p class="bundleitem-date">Jul 22, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/clayton-errington/">Clayton Errington (19 posts)</a> · <a href="https://claytonerrington.com/">Website</a> &amp; <a href="https://claytonerrington.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/search/">Search</a></p> </div> <div class="bundleitem"> <a href="https://francisbeaudet.com/en/blog/making-a-multilingual-website-with-eleventy/" class="bundleitem-title" ID="francis-beaudet-making-a-multilingual-website-with-eleventy-2025-07-21" data-pagefind-ignore="" data-link-type="external">Making a multilingual website with Eleventy</a> <p class="bundleitem-description">When I made my web site multilingual, I did it all manually. I decided to try using the built-in I18nPlugin to see if I could do it in a more standard way. Here's how it went.</p> <p class="bundleitem-date">Jul 21, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/francis-beaudet/">Francis Beaudet (2 posts)</a> · <a href="https://francisbeaudet.com/">Website</a> &amp; <a href="https://francisbeaudet.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/internationalization/">Internationalization</a><a href="https://11tybundle.dev/categories/navigation/">Navigation</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> <div class="bundleitem"> <a href="https://notes.jays.net/blog/11ty/" class="bundleitem-title" ID="jay-hannah-11ty-2025-02-11" data-pagefind-ignore="" data-link-type="external">11ty</a> <p class="bundleitem-description">Various tricks I've stumbled into.</p> <p class="bundleitem-date">Feb 11, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jay-hannah/">Jay Hannah (2 posts)</a> · <a href="https://notes.jays.net/">Website</a> &amp; <a href="https://notes.jays.net/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a></p> </div> </div><p></p> <h2>Built with Eleventy</h2> <p>Here are the new sites to see. If you want to see more sites, check out the <a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a>.</p> <p></p><div class="bundlesites" data-pagefind-ignore="index"> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.talentzq.io/" data-link-type="external">TalentzQ</a></p> <p class="bundleitem-description">Discover HR tech solutions and insights on our blog.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://scales-okn.org/" data-link-type="external">SCALES-OKN</a></p> <p class="bundleitem-description">SCALES improves court transparency by providing enriched data for the public, policymakers,...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://mikesthoughts.blog/" data-link-type="external">Mikes Thoughts</a></p> <p class="bundleitem-description">My place for writing.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://ocean.app/" data-link-type="external">Ocean</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://fedmentor.dev/" data-link-type="external">FED Mentor</a></p> <p class="bundleitem-description">Tips to help the modern Front End Developer (FED) build inclusive and intelligent solutions.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://inclusivedesign24.org/" data-link-type="external">inclusive design 24</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.craigabbott.co.uk/" data-link-type="external">Craig Abbott</a></p> <p class="bundleitem-description">My personal website. Check out my blog, talks or portfolio work.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://activites.nicolas-hoizey.com/" data-link-type="external">Les activités de Nicolas Hoizey</a></p> <p class="bundleitem-description">Bienvenue sur ce site qui présente mes activités sportives.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://underlap.org/" data-link-type="external">underlap</a></p> <p class="bundleitem-description">A blog on software development and other stuff</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://meinamsterdam.nl/" data-link-type="external"> me in Amsterdam</a></p> <p class="bundleitem-description">11 moi à Amsterdam, ma vie de Français et des trucs néerlandais</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://webnami.in/" data-link-type="external">WebNami</a></p> <p class="bundleitem-description">WebNami is an open-source blogging website generator built with 11ty. Write in Markdown and get fast...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://flamedfury.com/beerfridge/" data-link-type="external">Beer Fridge</a></p> <p class="bundleitem-description">Hell yeah I love beer.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://optifolio.vercel.app/" data-link-type="external">OptiFolio</a></p> <p class="bundleitem-description">Professional frontend developer specializing in performant, accessible web applications.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://bugsrock.online/" data-link-type="external">bugs rock</a></p> <p class="bundleitem-description">candles &amp;amp; wares by jenn schiffer</p> </div></div><p></p> 2025-07-22T00:00:00Z https://11tybundle.dev/blog/11ty-bundle-76/

11ty Bundle Issue 76

<p><em>An email version of this blog is available. <strong><a href="https://11tybundle.dev/blog/11ty-bundle-76/#newsletter-subscribe">Subscribe here</a></strong>.</em></p> <hr /> <p><strong><em>A note from Bob:</em></strong></p> <p>Oh boy, what a few weeks it's been. Life issues are settling down and I'm back with this <strong>HUGE</strong> issue of 11ty posts, releases, and sites to see. I've missed doing this.</p> <p>These 11ty Bundle blog posts and newsletter will now be published monthly, rather than the every-other-week schedule I was on. I've just got too much on my plate right now to do it every two weeks.</p> <p>Enjoy!</p> <hr /> <p><strong>Veronica Explains.</strong> In <a href="https://www.youtube.com/watch?v=4_bYUVGgQQo">this video</a>, Veronica explains why she likes static sites, and in particular, Eleventy. It's a great watch and she does a fantastic job explaining the benefits of static sites.</p> <!-- src/_includes/youtube.njk --> <!-- Load the JS only when the component is needed --> <script src="https://11tybundle.dev/assets/js/lite-yt-embed.js"></script> <!-- Web component for lite-youtube-embed --> <lite-youtube videoid="4_bYUVGgQQo" style="background-image: url('https://i.ytimg.com/vi/4_bYUVGgQQo/hqdefault.jpg');"> </lite-youtube> <p><strong>Eleventy Meetup July 23rd.</strong> <a href="https://kajkandler.com/">Kaj Kandler</a> talks about adding structured data to his personal website, and <a href="https://mwdelaney.me/">Michael Delaney</a> shows how to deploy 11ty automatically. <a href="https://11tymeetup.dev/events/ep-25-structured-data-and-deploying-11ty/">Event details here</a>. I'll be there too.</p> <p><strong>An emerging CMS.</strong> <a href="https://thinkymeat.neocities.org/">Thinkymeat</a> has been cranking away since April on a CMS targeted for use with Eleventy. It's called 11tyCMS. Here are the blog posts she's written about it so far:</p> <ul> <li>Apr 14: <a href="https://thinkymeat.neocities.org/posts/11tycms/">11tyCMS</a></li> <li>Apr 17: <a href="https://thinkymeat.neocities.org/posts/11tycms-electron-prototype/">11tyCMS: Electron Prototype</a></li> <li>Apr 22: <a href="https://thinkymeat.neocities.org/posts/11tycms-redesign/">11tyCMS: First design &amp; file management</a></li> <li>Jun 1: <a href="https://thinkymeat.neocities.org/posts/11tycms-improved-file-management-and-posts-list/">11tyCMS: Improved File Management and Posts List</a></li> <li>Jun 4: <a href="https://thinkymeat.neocities.org/posts/11tycms-trapped-in-image-hell/">11tyCMS: Trapped in image and markdown hell.</a></li> <li>Jul 3: <a href="https://thinkymeat.neocities.org/posts/11tycms-image-uploads-and-design-enhancements/">11tyCMS: Image uploads and design enhancements</a></li> <li>Jul 11: <a href="https://thinkymeat.neocities.org/posts/11tycms-metadata-editor-11ty-build-integration/">11tyCMS: Metadata Editor, 11ty Build Integration &amp; Design Refinements</a></li> </ul> <p>And, of course, you can also find these on <a href="https://11tybundle.dev/authors/thinkymeat/">their author page</a> on this site.</p> <p><strong>Not using Wordpress.</strong> <a href="https://11tybundle.dev/authors/ryan-gittings/">Ryan Gittings</a> did a really <a href="https://www.ryangittings.co.uk/blog/why-i-dont-use-wordpress/">nice write up</a> on why he doesn't use Wordpress...and why he does use Eleventy.</p> <p><strong>Switching to WebC.</strong> <a href="https://chromamine.com/">Harris Lapiroff</a> has a couple of posts about <a href="https://chromamine.com/2025/07/switching-to-webc/">switching to WebC</a> and some of the <a href="https://chromamine.com/2025/07/webc-quirks/">quirks he has run into</a>.</p> <p><strong>Performance gains.</strong> The guys over at <a href="https://etch.co/">Etch</a> describe how they achieved a 24% performance improvement when they migrated their site to Eleventy. <a href="https://etch.co/blog/we-migrated-our-site-to-eleventy-and-increased-performance-by-24-percent/">Read about it here</a>.</p> <p><strong>This title is too long.</strong> BUT...there were several other things that I felt were worthy of coverage. Here they are:</p> <ul> <li><a href="https://github.com/11ty/eleventy/pull/3858">Work has started on Eleventy v4</a></li> <li><a href="https://marcellosplace.com/">Marcello's Place</a> is a very beautiful and content-rich recipe site built with Eleventy. And the recipes are presented really well. Check out this <a href="https://marcellosplace.com/recipes/chicken-and-rice-casserole/">Chicken and Rice Casserole</a>.</li> <li><a href="https://github.com/nycki93/eleventy-for-neocities-users?tab=readme-ov-file#eleventy-for-neocities-users">Eleventy for Neocities Users</a></li> <li>The Eleventy docs now contain the project's <a href="https://www.11ty.dev/docs/versions/">full release history</a>, including pre-releases.</li> <li>We've crossed the <a href="https://11tybundle.dev/firehose">1,500 post mark here</a>.</li> </ul> <h2>One more thing...</h2> <p><strong>Sticker price reduction.</strong> The <strong><a href="https://bobmonsour.com/shop/">11ty Bundle stickers</a></strong> are still available! Designed by <a href="https://andycarolan.com/">Andy Carolan</a>, it's 4&quot; x 2&quot; with a matte-finish. They're <s>$5</s> <strong>now only</strong> $3 each. Tax &amp; shipping are included in the price. Shipping them to anywhere in the world seems to be working. They've made it to the UK and Portugal so far, as well as both the east and west coasts of the US. <a href="https://bobmonsour.com/shop/">Get 'em while they're hot</a>! If you order this week, I will be shipping them out next week.</p> <p><img src="https://11tybundle.dev/assets/img/11tybundle-dev.png" alt="The new 11ty Bundle OG image" /></p> <p>Until next time...</p> <hr /> <h2>Recent releases</h2> <p></p><div class="bundlereleases" data-pagefind-ignore="index"><p></p> <p></p><div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-rss/releases/tag/v3.0.0-alpha.2" data-link-type="external">Eleventy RSS v3.0.0-alpha.2</a></p> <p class="bundleitem-description">A pack of Eleventy plugins for generating an RSS feed. - Release Eleventy RSS v3.0.0-alpha.2 ·...</p> <p class="bundleitem-dateline">Jul 1, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-rss/releases/tag/v3.0.0-alpha.1" data-link-type="external">Eleventy RSS v3.0.0-alpha.1</a></p> <p class="bundleitem-description">A pack of Eleventy plugins for generating an RSS feed. - Release Eleventy RSS v3.0.0-alpha.1 ·...</p> <p class="bundleitem-dateline">Jul 1, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-img/releases/tag/v.7.0.0-alpha.1" data-link-type="external">Eleventy Image v7.0.0-alpha.1</a></p> <p class="bundleitem-description">Utility to perform build-time image transformations. - Release Eleventy Image v7.0.0-alpha.1 ·...</p> <p class="bundleitem-dateline">Jul 1, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-vite/releases/tag/v7.0.0" data-link-type="external">Eleventy Plugin Vite v7.0.0</a></p> <p class="bundleitem-description">A plugin to use Vite with Eleventy. Contribute to 11ty/eleventy-plugin-vite development by creating...</p> <p class="bundleitem-dateline">Jun 28, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v3.1.2" data-link-type="external">Eleventy v3.1.2 (we fixed 15 more things)</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">Jun 24, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v3.1.2-beta.4" data-link-type="external">Eleventy v3.1.2-beta.4</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">Jun 23, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v3.1.2-beta.3" data-link-type="external">Eleventy v3.1.2-beta.3</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">Jun 20, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v3.1.2-beta.2" data-link-type="external">Eleventy v3.1.2-beta.2</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">Jun 18, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v3.1.2-beta.1" data-link-type="external">Eleventy v3.1.2-beta.1</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">Jun 16, 2025</p> </div></div><p></p> <h2>Posts from around the web</h2> <p></p><div class="bundleposts" data-pagefind-ignore="index"> <div class="bundleitem"> <a href="https://blog.martin-haehnel.de/how-to-use-eleventy-img-to-optmize-images-in-eleventy-with-caching-to-keep-build-times-low-on-cloudflare-pages-which-cant-cache-optimize-images-out-of-the-box/" class="bundleitem-title" ID="martin-haehnel-how-to-use-eleventy-img-to-optmize-images-in-eleventy-with-caching-to-keep-build-times-low-on-cloudflare-pages-which-cant-cache-optimize-images-out-of-the-box-2025-07-21" data-pagefind-ignore="" data-link-type="external">How To Use eleventy-img (To Optmize Images In Eleventy) With Caching (To Keep Build Times Low) On Cloudflare Pages (Which Can't Cache Optimize Images Out Of The Box)</a> <p class="bundleitem-description">The Problem Cloudflare offers build caching for static site generators like Eleventy . Both are powering this blog. Great.…</p> <p class="bundleitem-date">Jul 21, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/martin-haehnel/">Martin Hähnel (14 posts)</a> · <a href="https://blog.martin-haehnel.de/">Website</a> &amp; <a href="https://blog.martin-haehnel.de/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/performance/">Performance</a></p> </div> <div class="bundleitem"> <a href="https://joshtronic.com/2025/07/20/last-modified-date-eleventy/" class="bundleitem-title" ID="josh-sherman-last-modified-date-of-eleventy-posts-2025-07-20" data-pagefind-ignore="" data-link-type="external">Last modified date of Eleventy posts</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Jul 20, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/josh-sherman/">Josh Sherman (3 posts)</a> · <a href="https://joshtronic.com/">Website</a> &amp; <a href="https://joshtronic.com/atom.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/data-cascade/">Data Cascade</a><a href="https://11tybundle.dev/categories/dates/">Dates</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://madbaker.com/blog/data-vs-collections-in-eleventy/" class="bundleitem-title" ID="mark-dyck-data-vs-collections-in-eleventy-2025-07-18" data-pagefind-ignore="" data-link-type="external">Data vs. Collections in Eleventy</a> <p class="bundleitem-description">The home base of Mark Dyck, a baker who writes</p> <p class="bundleitem-date">Jul 18, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/mark-dyck/">Mark Dyck (1 post)</a> · <a href="https://madbaker.com/">Website</a> &amp; <a href="https://madbaker.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/collections/">Collections</a><a href="https://11tybundle.dev/categories/data-cascade/">Data Cascade</a><a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/rss/">RSS</a></p> </div> <div class="bundleitem"> <a href="https://damianwalsh.co.uk/posts/building-a-digital-bookshelf-with-eleventy/" class="bundleitem-title" ID="damian-walsh-building-a-digital-bookshelf-with-eleventy-2025-07-17" data-pagefind-ignore="" data-link-type="external">Building a digital bookshelf with Eleventy</a> <p class="bundleitem-description">Managing a personal reading list with Eleventy and the OpenLibrary API</p> <p class="bundleitem-date">Jul 17, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/damian-walsh/">Damian Walsh (3 posts)</a> · <a href="https://damianwalsh.co.uk/">Website</a> &amp; <a href="https://damianwalsh.co.uk/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/books-pages/">Books Pages</a><a href="https://11tybundle.dev/categories/collections/">Collections</a><a href="https://11tybundle.dev/categories/pagination/">Pagination</a><a href="https://11tybundle.dev/categories/remote-data/">Remote Data</a></p> </div> <div class="bundleitem"> <a href="https://hamatti.org/posts/custom-cli-tool-to-link-mastodon-posts-and-blog-posts/" class="bundleitem-title" ID="juha-matti-santala-custom-cli-tool-to-link-mastodon-posts-and-blog-posts-2025-07-17" data-pagefind-ignore="" data-link-type="external">Custom CLI tool to link Mastodon posts and blog posts</a> <p class="bundleitem-description">The home of a developer community specialist.</p> <p class="bundleitem-date">Jul 17, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/juha-matti-santala/">Juha-Matti Santala (22 posts)</a> · <a href="https://hamatti.org/">Website</a> &amp; <a href="https://hamatti.org/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/remote-data/">Remote Data</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a></p> </div> <div class="bundleitem"> <a href="https://chromamine.com/2025/07/webc-quirks/" class="bundleitem-title" ID="harris-lapiroff-webc-quirks-2025-07-15" data-pagefind-ignore="" data-link-type="external">WebC Quirks</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Jul 15, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/harris-lapiroff/">Harris Lapiroff (6 posts)</a> · <a href="https://chromamine.com/">Website</a> &amp; <a href="https://chromamine.com/feeds/posts.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/debugging/">Debugging</a><a href="https://11tybundle.dev/categories/front-matter/">Front Matter</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/webc/">WebC</a></p> </div> <div class="bundleitem"> <a href="https://etch.co/blog/we-migrated-our-site-to-eleventy-and-increased-performance-by-24-percent/" class="bundleitem-title" ID="dan-webb-we-migrated-our-site-to-eleventy-and-increased-performance-by-24-2025-07-15" data-pagefind-ignore="" data-link-type="external">We migrated our site to Eleventy and increased performance by 24%</a> <p class="bundleitem-description">How choosing the right tool for the job led to faster load times and fewer dependencies.</p> <p class="bundleitem-date">Jul 15, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/dan-webb/">Dan Webb (1 post)</a> · <a href="https://etch.co/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/performance/">Performance</a><a href="https://11tybundle.dev/categories/webc/">WebC</a><a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://chromamine.com/2025/07/switching-to-webc/" class="bundleitem-title" ID="harris-lapiroff-switching-to-webc-2025-07-13" data-pagefind-ignore="" data-link-type="external">Switching to WebC</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Jul 13, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/harris-lapiroff/">Harris Lapiroff (6 posts)</a> · <a href="https://chromamine.com/">Website</a> &amp; <a href="https://chromamine.com/feeds/posts.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/webc/">WebC</a></p> </div> <div class="bundleitem"> <a href="https://www.cantoni.org/2025/07/12/migrating-wordpress-to-eleventy/" class="bundleitem-title" ID="brian-cantoni-migrating-wordpress-to-eleventy-2025-07-12" data-pagefind-ignore="" data-link-type="external">Migrating WordPress To Eleventy</a> <p class="bundleitem-description">Software engineering leader and occasional side project hacker.</p> <p class="bundleitem-date">Jul 12, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/brian-cantoni/">Brian Cantoni (6 posts)</a> · <a href="https://www.cantoni.org/">Website</a> &amp; <a href="https://www.cantoni.org/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/dates/">Dates</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/performance/">Performance</a><a href="https://11tybundle.dev/categories/permalinks/">Permalinks</a><a href="https://11tybundle.dev/categories/search/">Search</a></p> </div> <div class="bundleitem"> <a href="https://hamatti.org/posts/random-page-feature-for-a-static-site-with-eleventy/" class="bundleitem-title" ID="juha-matti-santala-random-page-feature-for-a-static-site-with-eleventy-2025-07-11" data-pagefind-ignore="" data-link-type="external">Random page feature for a static site with Eleventy</a> <p class="bundleitem-description">To celebrate International RNG Day, I built a page that redirects you to a random blog post on my site.</p> <p class="bundleitem-date">Jul 11, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/juha-matti-santala/">Juha-Matti Santala (22 posts)</a> · <a href="https://hamatti.org/">Website</a> &amp; <a href="https://hamatti.org/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://11tycms.com/blog/posts/11tycms-metadata-editor-11ty-build-integration/" class="bundleitem-title" ID="jessie-heald-11tycms-metadata-editor-11ty-build-integration-and-design-refinements-2025-07-11" data-pagefind-ignore="" data-link-type="external">11tyCMS: Metadata Editor, 11ty Build Integration &amp; Design Refinements</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Jul 11, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jessie-heald/">Jessie Heald (12 posts)</a> · <a href="https://11tycms.com/">Website</a> &amp; <a href="https://11tycms.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/cms/">CMS</a></p> </div> <div class="bundleitem"> <a href="https://www.cantoni.org/2025/07/10/proper-sitemap-update-dates-for-eleventy/" class="bundleitem-title" ID="brian-cantoni-proper-sitemap-update-dates-for-eleventy-2025-07-10" data-pagefind-ignore="" data-link-type="external">Proper Sitemap Update Dates for Eleventy</a> <p class="bundleitem-description">Software engineering leader and occasional side project hacker.</p> <p class="bundleitem-date">Jul 10, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/brian-cantoni/">Brian Cantoni (6 posts)</a> · <a href="https://www.cantoni.org/">Website</a> &amp; <a href="https://www.cantoni.org/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://lwgrs.bearblog.dev/creating-a-website-from-obsidian/" class="bundleitem-title" ID="stephen-gower-creating-a-website-from-obsidian-2025-07-07" data-pagefind-ignore="" data-link-type="external">Creating a website from Obsidian</a> <p class="bundleitem-description">I created a couple of websites from an Obsidian vault using the Digital Garden plugin.</p> <p class="bundleitem-date">Jul 7, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/stephen-gower/">Stephen Gower (1 post)</a> · <a href="https://lwgrs.bearblog.dev/">Website</a> &amp; <a href="https://lwgrs.bearblog.dev/feed/?type=rss">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/obsidian/">Obsidian</a></p> </div> <div class="bundleitem"> <a href="https://tfedder.de/blog/blog-post-drafts/" class="bundleitem-title" ID="tobias-fedder-marking-blog-posts-as-drafts-in-11ty-2025-07-06" data-pagefind-ignore="" data-link-type="external">Marking blog posts as drafts in 11ty</a> <p class="bundleitem-description">I had a look at enabling drafts for this site again, and it turned out that, in current versions, it is very easy to do.</p> <p class="bundleitem-date">Jul 6, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/tobias-fedder/">Tobias Fedder (7 posts)</a> · <a href="https://tfedder.de/">Website</a> &amp; <a href="https://tfedder.de/blog_feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/drafts/">Drafts</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://fuzzylogic.me/posts/website-updates/" class="bundleitem-title" ID="laurence-hughes-website-updates-2025-07-06" data-pagefind-ignore="" data-link-type="external">Website updates</a> <p class="bundleitem-description">Logging some updates I’ve made to my 11ty-powered website</p> <p class="bundleitem-date">Jul 6, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/laurence-hughes/">Laurence Hughes (4 posts)</a> · <a href="https://fuzzylogic.me/">Website</a> &amp; <a href="https://fuzzylogic.me/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/netlify/">Netlify</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/rss/">RSS</a></p> </div> <div class="bundleitem"> <a href="https://blog.martin-haehnel.de/2025/07/06/nice-permalinks-in-eleventy-and-nice-filenames-in-obsidian/" class="bundleitem-title" ID="martin-haehnel-nice-permalinks-in-eleventy-and-nice-filenames-in-obsidian-2025-07-06" data-pagefind-ignore="" data-link-type="external">Nice Permalinks In Eleventy AND Nice Filenames in Obsidian</a> <p class="bundleitem-description">A while ago I made a post about how to change (part of) the permalink that Eleventy generates from the filename. Since I…</p> <p class="bundleitem-date">Jul 6, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/martin-haehnel/">Martin Hähnel (14 posts)</a> · <a href="https://blog.martin-haehnel.de/">Website</a> &amp; <a href="https://blog.martin-haehnel.de/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/obsidian/">Obsidian</a><a href="https://11tybundle.dev/categories/permalinks/">Permalinks</a></p> </div> <div class="bundleitem"> <a href="https://arielsalminen.com/2025/generating-llms.txt-using-eleventy/" class="bundleitem-title" ID="ariel-salminen-generating-llms-txt-using-eleventy-2025-07-03" data-pagefind-ignore="" data-link-type="external">Generating LLMs.txt Using Eleventy</a> <p class="bundleitem-description">Large Language Models are increasingly relying on information found on the web, but often struggle to handle most websites in their entirety because the context windows are too small. In an...</p> <p class="bundleitem-date">Jul 3, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/ariel-salminen/">Ariel Salminen (2 posts)</a> · <a href="https://arielsalminen.com/">Website</a> &amp; <a href="https://arielsalminen.com/atom.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/netlify/">Netlify</a></p> </div> <div class="bundleitem"> <a href="https://11tycms.com/blog/posts/11tycms-image-uploads-and-design-enhancements/" class="bundleitem-title" ID="jessie-heald-11tycms-image-uploads-and-design-enhancements-2025-07-03" data-pagefind-ignore="" data-link-type="external">11tyCMS: Image uploads and design enhancements</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Jul 3, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jessie-heald/">Jessie Heald (12 posts)</a> · <a href="https://11tycms.com/">Website</a> &amp; <a href="https://11tycms.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/dates/">Dates</a><a href="https://11tybundle.dev/categories/images/">Images</a></p> </div> <div class="bundleitem"> <a href="https://blog.martin-haehnel.de/2025/06/28/working-with-r2-from-obsidian/" class="bundleitem-title" ID="martin-haehnel-uploading-images-for-your-eleventy-blog-to-cloudflare-r2-from-obsidian-2025-06-28" data-pagefind-ignore="" data-link-type="external">Uploading Images For Your Eleventy Blog to Cloudflare R2 from Obsidian</a> <p class="bundleitem-description">At some point I will write about my Obsidian as a blog editor setup in more detail, but I just wanted to make a note here,…</p> <p class="bundleitem-date">Jun 28, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/martin-haehnel/">Martin Hähnel (14 posts)</a> · <a href="https://blog.martin-haehnel.de/">Website</a> &amp; <a href="https://blog.martin-haehnel.de/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/obsidian/">Obsidian</a></p> </div> <div class="bundleitem"> <a href="https://www.ryangittings.co.uk/blog/why-i-dont-use-wordpress/" class="bundleitem-title" ID="ryan-gittings-why-i-dont-use-wordpress-2025-06-27" data-pagefind-ignore="" data-link-type="external">Why I Don't Use Wordpress</a> <p class="bundleitem-description">I don't use WordPress. Instead, I build faster, simpler, more reliable websites with Jamstack tools like 11ty, Pages CMS and Netlify — and here's why.</p> <p class="bundleitem-date">Jun 27, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/ryan-gittings/">Ryan Gittings (4 posts)</a> · <a href="https://www.ryangittings.co.uk/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/netlify/">Netlify</a><a href="https://11tybundle.dev/categories/performance/">Performance</a><a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://www.youtube.com/watch?v=4_bYUVGgQQo" class="bundleitem-title" ID="veronica-explains-the-modern-web-sucks-my-bands-website-doesn-t-2025-06-17" data-pagefind-ignore="" data-link-type="external">The modern web sucks. My band's website doesn't.</a> <p class="bundleitem-description">YouTube video</p> <p class="bundleitem-date">Jun 17, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/veronica-explains/">Veronica Explains (1 post)</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a><a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://www.juanfernandes.uk/blog/building-a-printful%E2%80%91powered-ecommerce-site/" class="bundleitem-title" ID="juan-fernandes-building-a-printful-powered-e-commerce-site-with-11ty-and-stripe-2025-06-15" data-pagefind-ignore="" data-link-type="external">Building a Printful‑powered e‑commerce site with 11ty and Stripe</a> <p class="bundleitem-description">A behind-the-scenes look at how I built a fast, modern e‑commerce site using 11ty, Printful, and Stripe. Learn how to fetch product data, auto-generate category pages, and create a lightweight cart and checkout experience—without a CMS.</p> <p class="bundleitem-date">Jun 15, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/juan-fernandes/">Juan Fernandes (4 posts)</a> · <a href="https://www.juanfernandes.uk/">Website</a> &amp; <a href="https://www.juanfernandes.uk/rss/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/pagination/">Pagination</a><a href="https://11tybundle.dev/categories/remote-data/">Remote Data</a></p> </div> <div class="bundleitem"> <a href="https://jeremyrobertjones.com/blog/proportional-equal-height-image-row-css-11ty-nunjucks/" class="bundleitem-title" ID="jeremy-robert-jones-creating-proportional-equal-height-image-rows-with-css-11ty-and-nunjucks-2025-06-15" data-pagefind-ignore="" data-link-type="external">Creating proportional, equal-height image rows with CSS, 11ty, and Nunjucks</a> <p class="bundleitem-description">Hi, I’m Jeremy. I build things on the web and share what I learn on my blog.</p> <p class="bundleitem-date">Jun 15, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jeremy-robert-jones/">Jeremy Robert Jones (1 post)</a> · <a href="https://jeremyrobertjones.com/">Website</a> &amp; <a href="https://jeremyrobertjones.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/nunjucks-macros/">Nunjucks/Macros</a><a href="https://11tybundle.dev/categories/shortcodes/">Shortcodes</a></p> </div> </div><p></p> <h2>Built with Eleventy</h2> <p>Here are the new sites to see. If you want to see more sites, check out the <a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a>.</p> <p></p><div class="bundlesites" data-pagefind-ignore="index"> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://jordanjohnson.pt/" data-link-type="external">Jordan Johnson</a></p> <p class="bundleitem-description">Fully qualified personal trainer based in Flexion Fitness in Lurgan. Get in touch now to become...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://faceftw.dev/" data-link-type="external">ref_cycling</a></p> <p class="bundleitem-description">The website of Alex Westerman. Checkout the blog for very cool (rants) posts about software...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://particleslam.com/" data-link-type="external">Particle Slam</a></p> <p class="bundleitem-description">I am your guide through web projects. I build blueprints, review vendor offers, and ensure you get...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://translatedhugo.org/" data-link-type="external">The Translated Hugo Initiative</a></p> <p class="bundleitem-description">Putting the World in Worldcon</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://vianatrilhos.com/" data-link-type="external">vianatrilhos</a></p> <p class="bundleitem-description">Grupo de caminhadas e trilhos em Viana do Castelo</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://endonend.org/" data-link-type="external">End on End</a></p> <p class="bundleitem-description">Finding my path</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://testautomation.space/" data-link-type="external">Test Automation</a></p> <p class="bundleitem-description">Start your journey to becoming a test automation expert. Choose your path and learn in-demand skills...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://marcellosplace.com/" data-link-type="external">Marcello's Place</a></p> <p class="bundleitem-description">Deliciously Simple Cooking for Busy Families</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://terabytetiger.com/" data-link-type="external">TerabyteTiger</a></p> <p class="bundleitem-description">Welcome to my corner of the internet</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://joshua.seigler.net/" data-link-type="external">joshua.seigler.net</a></p> <p class="bundleitem-description">Software engineer personal homepage</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://unbreaking.org/" data-link-type="external">UNBREAKING</a></p> <p class="bundleitem-description">How the administration is breaking the government, and what that means for all of us.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://fuzzylogic.me/" data-link-type="external">Fuzzy Logic</a></p> <p class="bundleitem-description">Fuzzy Logic is the personal website of Laurence Hughes, a web developer based in Glasgow, Scotland.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://webawesome.com/" data-link-type="external">Web Awesome</a></p> <p class="bundleitem-description">Build better with Web Awesome, the biggest open-source library of meticulously designed, highly...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://ethanmarcotte.com/" data-link-type="external">Ethan Marcotte</a></p> <p class="bundleitem-description">I’m Ethan Marcotte. I’m a web designer, writer, and speaker. This is my website; I’m real glad...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://creepingbetweenthemargins.com/" data-link-type="external">Ceci Li</a></p> <p class="bundleitem-description">Writer Ceci Li&amp;#39;s personal website - Creeping between the Margins</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://347online.me/" data-link-type="external">Katie Janzen</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://gemma.ee/" data-link-type="external">Gemma Evans</a></p> <p class="bundleitem-description">Illustration &amp;amp; Design Portfolio of Gemma Evans</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://blog.possiblyaxolotl.com/" data-link-type="external">Axolotl Thoughts</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://crinkels.dev/" data-link-type="external">crinkels</a></p> <p class="bundleitem-description">UI development studio of Kevin Pennekamp, a Dutch web craftsman, front-end engineer and engineering...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://ryanmartin.me/" data-link-type="external">Ryan Martin</a></p> <p class="bundleitem-description">true</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://taps.pressfreedomtracker.us/" data-link-type="external">Trump Anti-Press Social Media Tracker</a></p> <p class="bundleitem-description">Tracking every social media post where Donald Trump degraded journalists, news outlets, or the news...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://roodesign.co.uk/" data-link-type="external">Roodesign</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://olivier3lanc.github.io/" data-link-type="external">Olivier 3lanc</a></p> <p class="bundleitem-description">Développeur front-end hybride UI et UX</p> </div></div><p></p> 2025-06-10T00:00:00Z https://11tybundle.dev/blog/11ty-bundle-75/

11ty Bundle Issue 75

<p><em>An email version of this blog is available. <strong><a href="https://11tybundle.dev/blog/11ty-bundle-75/#newsletter-subscribe">Subscribe here</a></strong>.</em></p> <hr /> <p><strong><em>A note from Bob:</em></strong></p> <p>Fewer than usual expositions from me this week as I got a late start. Regardless, there are some goodies down below. I hope you find something useful!</p> <hr /> <p><strong>Meetup happened.</strong> <a href="https://11tymeetup.dev/events/episode-24/">Episode 24 of THE Eleventy Meetup</a> happened. Covering accessibility and full text search, videos are available from that link.</p> <p><strong>Eleventy v3.1.1.</strong> On the heels of v3.1.0 comes <a href="https://github.com/11ty/eleventy/releases/tag/v3.1.1">v3.1.1</a>, fixing some things. Check out those release notes.</p> <p><strong>What is 88x31?</strong> Someone was looking for one of those old-timey 88x31 footer GIF images featuring &quot;Built with Eleventy.&quot; As it turns out, <a href="https://chrisburnell.com/">Chris Burnell</a> had created one some time back. He got some new inspiration and created some new ones, some of which are even animated. Here's <a href="https://chrisburnell.com/note/eleventy-animated-88x31/">a link to his post about them</a>.</p> <p><strong>Eleventy plugin image magnifier.</strong> I don't remember where I found this, but it looks pretty cool. Created by <a href="https://www.teotimepacreau.fr/">Téotime Pacreau</a>, <a href="https://github.com/teotimepacreau/eleventy-plugin-img-magnifier?tab=readme-ov-file#eleventy-plugin-img-magnifier--zoom-image-to-fullscreen">it's a plugin</a> that lets you <em>&quot;Enlarge images and create a lightbox to view fullscreen.&quot;</em></p> <p><strong>Still got stickers</strong> The <strong><a href="https://bobmonsour.com/shop/">11ty Bundle stickers</a></strong> are still available! Designed by <a href="https://andycarolan.com/">Andy Carolan</a>, it's 4&quot; x 2&quot; with a matte-finish. They're $5 each. Tax &amp; shipping are included in the price. Shipping them to anywhere in the world seems to be working. They've made it to the UK and Portugal so far, as well as both the east and west coasts of the US. <a href="https://bobmonsour.com/shop/">Get 'em while they're hot</a>!</p> <p><img src="https://11tybundle.dev/assets/img/11tybundle-dev.png" alt="The new 11ty Bundle OG image" /></p> <p>Until next time...</p> <hr /> <div id="issue69-releases"></div> <h2>Recent releases</h2> <p></p><div class="bundlereleases" data-pagefind-ignore="index"><p></p> <p></p><div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v3.1.1" data-link-type="external">Eleventy v3.1.1</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">Jun 3, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v3.1.1-beta.2" data-link-type="external">Eleventy v3.1.1-beta.2</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">May 31, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v3.1.1-beta.3" data-link-type="external">Eleventy v3.1.1-beta.3</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">May 31, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v3.1.1-beta.1" data-link-type="external">Eleventy v3.1.1-beta.1: Bug fixes!</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">May 30, 2025</p> </div></div><p></p> <h2>Posts from around the web</h2> <p></p><div class="bundleposts" data-pagefind-ignore="index"> <div class="bundleitem"> <a href="https://chrisburnell.com/note/eleventy-animated-88x31/" class="bundleitem-title" ID="chris-burnell-built-with-eleventy-animated-88x31-2025-06-09" data-pagefind-ignore="" data-link-type="external">'Built with Eleventy' Animated 88x31</a> <p class="bundleitem-description">I was tagged several days ago on Mastodon, as someone was looking for a &quot;90s-style 88x31 footer GIF&quot; for pages built with Eleventy, and [... I] gave animating the badge a shot!</p> <p class="bundleitem-date">Jun 9, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/chris-burnell/">Chris Burnell (8 posts)</a> · <a href="https://chrisburnell.com/">Website</a> &amp; <a href="https://chrisburnell.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/images/">Images</a></p> </div> <div class="bundleitem"> <a href="https://www.zachleat.com/web/dynamic-import/" class="bundleitem-title" ID="zach-leatherman-how-to-import-a-javascript-string-2025-06-09" data-pagefind-ignore="" data-link-type="external">How to import() a Javascript string</a> <p class="bundleitem-description">A post by Zach Leatherman (zachleat)</p> <p class="bundleitem-date">Jun 9, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/zach-leatherman/">Zach Leatherman (81 posts)</a> · <a href="https://www.zachleat.com/">Website</a> &amp; <a href="https://www.zachleat.com/follow/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/front-matter/">Front Matter</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/from-the-source/">From the Source</a></p> </div> <div class="bundleitem"> <a href="https://nathanupchurch.com/blog/Solving-SSG-Microblogging-Ergonomics-with-KDialog-for-Incense-Posting/" class="bundleitem-title" ID="nathan-upchurch-poaster-solving-ssg-microblogging-ergonomics-with-ruby-and-kdialog-2025-06-08" data-pagefind-ignore="" data-link-type="external">Poaster: Solving SSG Microblogging Ergonomics with Ruby and KDialog</a> <p class="bundleitem-description">Trying to make it a little less brutal to make small, frequent posts on SSGs.</p> <p class="bundleitem-date">Jun 8, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/nathan-upchurch/">Nathan Upchurch (4 posts)</a> · <a href="https://nathanupchurch.com/">Website</a> &amp; <a href="https://nathanupchurch.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://chriskirknielsen.com/blog/from-nunjucks-to-vento-in-eleventy-migration-guide/" class="bundleitem-title" ID="christopher-kirk-nielsen-from-nun-jucks-to-vento-in-eleventy-a-migration-guide-kinda-2025-06-05" data-pagefind-ignore="" data-link-type="external">From Nun­jucks to Vento in Eleventy: a migration guide (kinda)</a> <p class="bundleitem-description">A few tips to refactor your njk into vto.</p> <p class="bundleitem-date">Jun 5, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/christopher-kirk-nielsen/">Christopher Kirk-Nielsen (14 posts)</a> · <a href="https://chriskirknielsen.com/">Website</a> &amp; <a href="https://chriskirknielsen.com/rss.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/layouts/">Layouts</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/vento/">Vento</a></p> </div> <div class="bundleitem"> <a href="https://11tycms.com/blog/posts/11tycms-trapped-in-image-hell/" class="bundleitem-title" ID="jessie-heald-11tycms-trapped-in-image-and-markdown-hell-2025-06-04" data-pagefind-ignore="" data-link-type="external">11tyCMS: Trapped in image and markdown hell</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Jun 4, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jessie-heald/">Jessie Heald (12 posts)</a> · <a href="https://11tycms.com/">Website</a> &amp; <a href="https://11tycms.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a></p> </div> <div class="bundleitem"> <a href="https://blog.martin-haehnel.de/2025/06/03/obsidian-templater-file-creation-template/" class="bundleitem-title" ID="martin-haehnel-an-obsidian-template-to-create-a-file-at-the-right-location-2025-06-03" data-pagefind-ignore="" data-link-type="external">An Obsidian Template To Create A File At The Right Location</a> <p class="bundleitem-description">In my blog, this post you're reading right now can be found at the following path in the repo: content/blog/2025/06/03/obsidian-templater-file-creation-template.md…</p> <p class="bundleitem-date">Jun 3, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/martin-haehnel/">Martin Hähnel (14 posts)</a> · <a href="https://blog.martin-haehnel.de/">Website</a> &amp; <a href="https://blog.martin-haehnel.de/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/dates/">Dates</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/obsidian/">Obsidian</a></p> </div> <div class="bundleitem"> <a href="https://rosenqvist.design/blog/adding-rss-11ty/" class="bundleitem-title" ID="simon-rosenqvist-11ty-rss-feed-setup-three-plugin-problems-and-how-i-fixed-them-2025-06-02" data-pagefind-ignore="" data-link-type="external">11ty RSS Feed Setup: Three Plugin Problems and How I Fixed Them</a> <p class="bundleitem-description">Dependency management, configuration conflicts, and deprecated APIs while setting up RSS feeds in 11ty</p> <p class="bundleitem-date">Jun 2, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/simon-rosenqvist/">Simon Rosenqvist (1 post)</a> · <a href="https://rosenqvist.design/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/rss/">RSS</a></p> </div> <div class="bundleitem"> <a href="https://thomasrigby.com/posts/calculating-yearssince-using-a-nunjucks-filter/" class="bundleitem-title" ID="thomas-rigby-calculating-yearssince-using-a-nunjucks-filter-in-eleventy-2025-06-02" data-pagefind-ignore="" data-link-type="external">Calculating yearsSince using a Nunjucks filter in Eleventy</a> <p class="bundleitem-description">Replacing an imported dependency with vanilla javascript</p> <p class="bundleitem-date">Jun 2, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/thomas-rigby/">Thomas Rigby (8 posts)</a> · <a href="https://thomasrigby.com/">Website</a> &amp; <a href="https://thomasrigby.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/dates/">Dates</a><a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/nunjucks-macros/">Nunjucks/Macros</a></p> </div> <div class="bundleitem"> <a href="https://blog.rubenwardy.com/2025/06/01/eleventy-stats/" class="bundleitem-title" ID="andrew-ward-writing-statistics-for-your-eleventy-11ty-blog-2025-06-01" data-pagefind-ignore="" data-link-type="external">Writing statistics for your Eleventy (11ty) blog</a> <p class="bundleitem-description">A short tutorial on how to create a writing stats page for Eleventy.</p> <p class="bundleitem-date">Jun 1, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/andrew-ward/">Andrew Ward (5 posts)</a> · <a href="https://blog.rubenwardy.com/">Website</a> &amp; <a href="https://blog.rubenwardy.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> <div class="bundleitem"> <a href="https://11tycms.com/blog/posts/11tycms-improved-file-management-and-posts-list/" class="bundleitem-title" ID="jessie-heald-11tycms-improved-file-management-and-posts-list-2025-06-01" data-pagefind-ignore="" data-link-type="external">11tyCMS: Improved File Management and Posts List</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Jun 1, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jessie-heald/">Jessie Heald (12 posts)</a> · <a href="https://11tycms.com/">Website</a> &amp; <a href="https://11tycms.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/cms/">CMS</a></p> </div> <div class="bundleitem"> <a href="https://elwinvaneede.com/blog/2025/how-i-migrated-from-wordpress-to-eleventy/" class="bundleitem-title" ID="elwin-van-eede-how-i-migrated-from-wordpress-to-eleventy-2025-05-30" data-pagefind-ignore="" data-link-type="external">How I migrated from WordPress to Eleventy</a> <p class="bundleitem-description">Hey there! I’m Elwin, a design-oriented frontend engineer and hobbyist artist who loves building for the web and making things with my hands.</p> <p class="bundleitem-date">May 30, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/elwin-van-eede/">Elwin van Eede (1 post)</a> · <a href="https://elwinvaneede.com/">Website</a> &amp; <a href="https://elwinvaneede.com/feeds/all.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/performance/">Performance</a></p> </div> <div class="bundleitem"> <a href="https://actuallysomecat.github.io/blog/2025-05-29%20-%20wikilinks%20+%20image%20embeds%20in%2011ty/" class="bundleitem-title" ID="actuallysomecat-wikilinks-image-embeds-in-11ty-2025-05-29" data-pagefind-ignore="" data-link-type="external">wikilinks + image embeds in 11ty</a> <p class="bundleitem-description">a markdown-it 11ty plugin</p> <p class="bundleitem-date">May 29, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/actuallysomecat/">actuallysomecat (4 posts)</a> · <a href="https://actuallysomecat.github.io/">Website</a> &amp; <a href="https://actuallysomecat.github.io/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/obsidian/">Obsidian</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> <div class="bundleitem"> <a href="https://blog.martin-haehnel.de/2025/05/29/favs-in-eleventy/" class="bundleitem-title" ID="martin-haehnel-how-to-implement-favs-in-eleventy-2025-05-29" data-pagefind-ignore="" data-link-type="external">How To Implement Favs In Eleventy</a> <p class="bundleitem-description">An easy way to implement favs - favorites, likes, kudos or whatever you want to call them - is by using a little bit of HTML,…</p> <p class="bundleitem-date">May 29, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/martin-haehnel/">Martin Hähnel (14 posts)</a> · <a href="https://blog.martin-haehnel.de/">Website</a> &amp; <a href="https://blog.martin-haehnel.de/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/remote-data/">Remote Data</a></p> </div> <div class="bundleitem"> <a href="https://www.cantoni.org/2025/05/28/moved-to-eleventy/" class="bundleitem-title" ID="brian-cantoni-migrated-to-static-site-eleventy-2025-05-28" data-pagefind-ignore="" data-link-type="external">Migrated to Static Site (Eleventy)</a> <p class="bundleitem-description">Software engineering leader and occasional side project hacker.</p> <p class="bundleitem-date">May 28, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/brian-cantoni/">Brian Cantoni (6 posts)</a> · <a href="https://www.cantoni.org/">Website</a> &amp; <a href="https://www.cantoni.org/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://joshtronic.com/2025/05/25/ditching-wordpress-for-eleventy/" class="bundleitem-title" ID="josh-sherman-ditching-wordpress-for-eleventy-2025-05-28" data-pagefind-ignore="" data-link-type="external">Ditching WordPress for Eleventy</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">May 28, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/josh-sherman/">Josh Sherman (3 posts)</a> · <a href="https://joshtronic.com/">Website</a> &amp; <a href="https://joshtronic.com/atom.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a></p> </div> <div class="bundleitem"> <a href="https://actuallysomecat.github.io/blog/2025-05-18%20-%20custom%20emoji%20shortcodes%20in%2011ty%20with%20a%20plugin/" class="bundleitem-title" ID="actuallysomecat-custom-emoji-in-11ty-with-a-plugin-2025-05-18" data-pagefind-ignore="" data-link-type="external">custom emoji in 11ty with a plugin</a> <p class="bundleitem-description">custom emoji shortcodes!</p> <p class="bundleitem-date">May 18, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/actuallysomecat/">actuallysomecat (4 posts)</a> · <a href="https://actuallysomecat.github.io/">Website</a> &amp; <a href="https://actuallysomecat.github.io/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a></p> </div> <div class="bundleitem"> <a href="https://actuallysomecat.github.io/blog/2025-05-05%20-%20blog%20-%20obsidian%20templates%20and%20use/" class="bundleitem-title" ID="actuallysomecat-blog-obsidian-templates-and-use-2025-05-05" data-pagefind-ignore="" data-link-type="external">blog - obsidian templates and use</a> <p class="bundleitem-description">about the templates i use in obsidian to create drafts and posts</p> <p class="bundleitem-date">May 5, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/actuallysomecat/">actuallysomecat (4 posts)</a> · <a href="https://actuallysomecat.github.io/">Website</a> &amp; <a href="https://actuallysomecat.github.io/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/drafts/">Drafts</a><a href="https://11tybundle.dev/categories/front-matter/">Front Matter</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/obsidian/">Obsidian</a></p> </div> <div class="bundleitem"> <a href="https://actuallysomecat.github.io/blog/2025-05-04%20-%20blog%20setup/" class="bundleitem-title" ID="actuallysomecat-blog-setup-2025-05-04" data-pagefind-ignore="" data-link-type="external">blog setup</a> <p class="bundleitem-description">notes about the 11ty + obsidian setup behind this blog</p> <p class="bundleitem-date">May 4, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/actuallysomecat/">actuallysomecat (4 posts)</a> · <a href="https://actuallysomecat.github.io/">Website</a> &amp; <a href="https://actuallysomecat.github.io/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/dates/">Dates</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> </div><p></p> <h2>Built with Eleventy</h2> <p>Here are the new sites to see. If you want to see more sites, check out the <a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a>.</p> <p></p><div class="bundlesites" data-pagefind-ignore="index"> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://mah-rye-kuh.nl/en/" data-link-type="external">mah-rye-kuh</a></p> <p class="bundleitem-description">I am Marijke, a senior web developer specializing in Python and Django web development and training...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://gaiety.me/" data-link-type="external">Ava Gaiety W.</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://911.robwood.uk/" data-link-type="external">911 Colours</a></p> <p class="bundleitem-description">911 Colours is a site that shows some of the colours available for the Porsche 911 in the past.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://emoji.shadycharacters.co.uk/" data-link-type="external">Shady Characters Periodic Table of Emoji</a></p> <p class="bundleitem-description">The Periodic Table of Emoji</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.nulle-part.fr/" data-link-type="external">Souvenirs de Nulle-part</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://hypehou.se/" data-link-type="external">HYPEHOU.SE</a></p> <p class="bundleitem-description">We offer a variety of advertising options to reach our audience. Whether you&amp;#39;re promoting an...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.averagenerdpost.com/" data-link-type="external">average nerd post</a></p> <p class="bundleitem-description">Tech posts and guides delivered to you ad free.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://elwinvaneede.com/" data-link-type="external">Elwin van Eede</a></p> <p class="bundleitem-description">Hey there! I’m Elwin, a design-oriented frontend engineer and hobbyist artist who loves building for...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://scott.ee/" data-link-type="external">Scott Evans</a></p> <p class="bundleitem-description">Hej! I&amp;#39;m Scott, a product designer and creative technologist. You&amp;#39;ll find me tinkering with...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://tulsasigmanu.com/" data-link-type="external">Zeta Lambda Chapter of Sigma Nu Fraternity</a></p> <p class="bundleitem-description">A hub for the Zeta Lambda Chapter of Sigma Nu Fraternity, located at the University of Tulsa in...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://entitygarden.com/" data-link-type="external">Entity Garden</a></p> <p class="bundleitem-description">About Entity Garden | Digital Persona Optimization | Personal Branding for Public Speakers and...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://kajkandler.com/" data-link-type="external">Kaj Kandler</a></p> <p class="bundleitem-description">About Kaj Kandler | Digital Persona Optimization Expert | Personal Branding for Public Speakers and...</p> </div></div><p></p> 2025-05-27T00:00:00Z https://11tybundle.dev/blog/11ty-bundle-74/

11ty Bundle Issue 74

<p><em>An email version of this blog is available. <strong><a href="https://11tybundle.dev/blog/11ty-bundle-74/#newsletter-subscribe">Subscribe here</a></strong>.</em></p> <hr /> <p><strong><em>A note from Bob:</em></strong></p> <p>There's lot packed into this one. Enjoy!</p> <hr /> <p><strong>Meetup tomorrow.</strong> <a href="https://11tymeetup.dev/events/episode-24/">Episode 24 of the Eleventy Meetup</a> is Thursday (May 29). Learn about the European Accessibility Act from <a href="https://feynmatt.com/">Fabian Wohlgemuth</a> and DIY Full-Text Search with <a href="https://vladkorobov.com/">Vlad Korobov</a>.</p> <p><strong>Eleventy v3.1.0.</strong> <a href="https://github.com/11ty/eleventy/releases/tag/v3.1.0">v3.1.0</a> is out and while nice, Zach is vigorously working on v3.1.1, fixing a handful of regressions that have popped up since the release. That said, v3.1.0 is 22% smaller and 11% faster! I'm running my personal site with it as well as this very 11ty Bundle site.</p> <p><strong>X-GOVUK docs<s>UK Gov docs</s>.</strong> X-GOVUK <s>The UK government</s> has released <a href="https://x-govuk.github.io/govuk-eleventy-plugin/">GOV.UK.Eleventy plugin</a>. As they tell it: <em>&quot;Write documentation using Markdown and publish it using GOV.UK styles.&quot;</em> I think they're on to something. <em>UPDATE: It was pointed out to me that this is NOT an official UK government project, but rather a community project.</em></p> <p><strong>Eleventy LibDoc.</strong> Speaking of docs, a beautifully designed <em>&quot;starter project to craft slick and responsive documentation&quot;</em> has arrived. Check out the <a href="https://eleventy-libdoc.netlify.app/">Eleventy LibDoc website</a> and the <a href="https://github.com/ita-design-system/eleventy-libdoc#eleventy-libdoc">GitHub repo</a>. I've added this to the <a href="https://11tybundle.dev/starters/">Starters page</a>.</p> <p><strong>Grease fire!</strong> <a href="https://aaadaaam.com/">Adam Stoddard</a> has updated his <a href="https://web-grease.netlify.app/">Grease starter</a> with a new design and it's a beauty! As Adam puts it: <em>&quot;Grease is a website starter for the modern web. Its goal is simple; provide a solid foundation for a fast and adaptable website that’s enjoyable to build, and easy to maintain.&quot;</em></p> <p><strong>BWE RSS.</strong> The home page of the Bundle now includes a new <a href="https://11tybundle.dev/sitesfeed.xml">RSS feed for the new sites</a> that are Built with Eleventy (aka BWE). If you want to see what crosses my radar, subscribe to that feed.</p> <p><strong>Believe in Mermaid(s).</strong> <a href="https://kevingimbel.de/">Kevin Gimbel</a> has released a plugin called <a href="https://www.npmjs.com/package/@kevingimbel/eleventy-plugin-mermaid">eleventy-plugin-mermaid</a>. <a href="https://mermaid.js.org/">Mermaid</a>, for the uninitiated, is a <em>&quot;JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.&quot;</em> I think it's pretty cool and will keep it in mind for possible use in future blog posts.</p> <p><strong>Eleventy in the browser?</strong> I was confused at first, but then gave it a try. The <a href="https://11ty-website-git-editor-11ty.vercel.app/#try-eleventy-in-the-browser">demo app</a> let's you edit a file in the browser and see the results...sorta CodePen-ish.</p> <p><strong>Got stickers?</strong> I've teased this on <a href="https://indieweb.social/@bobmonsour/114535942160630118">Mastodon</a> and <a href="https://bsky.app/profile/bobmonsour.com/post/3lpk7t27wnc25">Bluesky</a>, but the time has arrived for the launch of the <strong>11ty Bundle sticker</strong>! Designed by <a href="https://andycarolan.com/">Andy Carolan</a>, it's 4&quot; x 2&quot; with a matte-finish. They're $5 each. Tax &amp; shipping are included in the price and I'll (do my best to) ship them to anywhere in the world.</p> <p>For details on how to get one, check out my <a href="https://bobmonsour.com/shop/">shop</a> and see what it looks like on my laptop. As of today, May 27, 2025, I've got 49 of them left, and I'm not sure I'll do any more. I also wrote a <a href="https://bobmonsour.com/blog/got-stickers/">promo blog post about the launch</a> on my personal site.</p> <p>Hat tip to <a href="https://rknight.me/">Robb Knight</a> for the idea of using <a href="https://stripe.com/gb/payments/payment-links">Stripe's payment links</a> to get this up and running quickly. <a href="https://rknight.me/blog/dont-at-me-stickers/">Robb's got stickers too!</a></p> <p><img src="https://11tybundle.dev/assets/img/11tybundle-dev.png" alt="The new 11ty Bundle OG image" /></p> <p>Until next time...</p> <hr /> <div id="issue69-releases"></div> <h2>Recent releases</h2> <p></p><div class="bundlereleases" data-pagefind-ignore="index"><p></p> <p></p><div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-img/releases/tag/v6.0.4" data-link-type="external">Eleventy Image v6.0.4</a></p> <p class="bundleitem-description">Utility to perform build-time image transformations. - Release Eleventy Image v6.0.4 ·...</p> <p class="bundleitem-dateline">May 13, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-template-languages/releases/tag/mustache-1.0.1" data-link-type="external">mustache-1.0.1</a></p> <p class="bundleitem-description">Official template syntax plugins for Eleventy. Contribute to 11ty/eleventy-plugin-template-languages...</p> <p class="bundleitem-dateline">May 13, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v3.1.0" data-link-type="external">Eleventy v3.1.0</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">May 13, 2025</p> </div></div><p></p> <h2>Posts from around the web</h2> <p></p><div class="bundleposts" data-pagefind-ignore="index"> <div class="bundleitem"> <a href="https://arielsalminen.com/2025/building-search-index-with-eleventy/" class="bundleitem-title" ID="ariel-salminen-building-search-index-with-eleventy-2025-05-25" data-pagefind-ignore="" data-link-type="external">Building Search Index with Eleventy</a> <p class="bundleitem-description">One of the features that I’m quite happy about on my new website is the built-in search functionality and how the search index gets built for it. You can test it out yourself by pressing...</p> <p class="bundleitem-date">May 25, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/ariel-salminen/">Ariel Salminen (2 posts)</a> · <a href="https://arielsalminen.com/">Website</a> &amp; <a href="https://arielsalminen.com/atom.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/search/">Search</a></p> </div> <div class="bundleitem"> <a href="https://reillyspitzfaden.com/digital-garden/tutorials/webmention-tutorial/" class="bundleitem-title" ID="reilly-spitzfaden-a-quick-guide-to-everything-i-know-about-webmentions-2025-05-24" data-pagefind-ignore="" data-link-type="external">A Quick Guide to Everything I Know about Webmentions</a> <p class="bundleitem-description">Collection of tutorials on webmentions including the basics — you can get up and running with only two lines of HTML! — using microformats to enrich your mentions; adding a webmention form; and parsing, displaying, and updating them with Eleventy, Netlify, and Bridgy.</p> <p class="bundleitem-date">May 24, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/reilly-spitzfaden/">Reilly Spitzfaden (3 posts)</a> · <a href="https://reillyspitzfaden.com/">Website</a> &amp; <a href="https://reillyspitzfaden.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/remote-data/">Remote Data</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a><a href="https://11tybundle.dev/categories/webmentions/">Webmentions</a></p> </div> <div class="bundleitem"> <a href="https://claytonerrington.com/blog/journa11ty/" class="bundleitem-title" ID="clayton-errington-journa11ty-2025-05-23" data-pagefind-ignore="" data-link-type="external">Journa11ty</a> <p class="bundleitem-description">A new simple eleventy blog template</p> <p class="bundleitem-date">May 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/clayton-errington/">Clayton Errington (19 posts)</a> · <a href="https://claytonerrington.com/">Website</a> &amp; <a href="https://claytonerrington.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/nunjucks-macros/">Nunjucks/Macros</a></p> </div> <div class="bundleitem"> <a href="https://helenchong.dev/blog/posts/2025-05-21-vento-in-eleventy/" class="bundleitem-title" ID="helen-chong-vento-my-favourite-template-language-for-eleventy-2025-05-21" data-pagefind-ignore="" data-link-type="external">Vento: My Favourite Template Language for Eleventy</a> <p class="bundleitem-description">I have switched to using Vento as the template engine in my websites built with Eleventy, and I love it.</p> <p class="bundleitem-date">May 21, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/helen-chong/">Helen Chong (7 posts)</a> · <a href="https://helenchong.dev/">Website</a> &amp; <a href="https://helenchong.dev/blog/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/internationalization/">Internationalization</a><a href="https://11tybundle.dev/categories/nunjucks-macros/">Nunjucks/Macros</a><a href="https://11tybundle.dev/categories/vento/">Vento</a></p> </div> <div class="bundleitem"> <a href="https://marcamos.com/journal/years-since/" class="bundleitem-title" ID="marc-amos-yearssince-2025-05-21" data-pagefind-ignore="" data-link-type="external">yearsSince</a> <p class="bundleitem-description">JavaScript that calculates the number of years that have passed since a given date, utilized in an Eleventy shortcode.</p> <p class="bundleitem-date">May 21, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/marc-amos/">Marc Amos (1 post)</a> · <a href="https://marcamos.com/">Website</a> &amp; <a href="https://marcamos.com/journal/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/dates/">Dates</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/shortcodes/">Shortcodes</a></p> </div> <div class="bundleitem"> <a href="https://flohgro.com/blog/my-11ty-blogging-workflow/" class="bundleitem-title" ID="floh-gro-my-11ty-blogging-workflow-2025-05-20" data-pagefind-ignore="" data-link-type="external">My 11ty Blogging Workflow</a> <p class="bundleitem-description">I code more than I write.</p> <p class="bundleitem-date">May 20, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/floh-gro/">Floh Gro (2 posts)</a> · <a href="https://flohgro.com/">Website</a> &amp; <a href="https://flohgro.com/rss.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a></p> </div> <div class="bundleitem"> <a href="https://ldstephens.net/blog/automating-11ty-backups-with-a-shell-script-and-keyboard-maestro/" class="bundleitem-title" ID="ld-stephens-automating-11ty-backups-with-a-shell-script-and-keyboard-maestro-2025-05-17" data-pagefind-ignore="" data-link-type="external">Automating 11ty backups with a shell script and Keyboard Maestro</a> <p class="bundleitem-description">A blog by ldstephens</p> <p class="bundleitem-date">May 17, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/ld-stephens/">LD Stephens (5 posts)</a> · <a href="https://ldstephens.net/">Website</a> &amp; <a href="https://ldstephens.net/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://valentinpratz.de/posts/2025-05-17-eleventy-plugin-gallery/" class="bundleitem-title" ID="valentin-pratz-a-slightly-improved-image-gallery-for-eleventy-2025-05-17" data-pagefind-ignore="" data-link-type="external">A Slightly Improved Image Gallery for Eleventy</a> <p class="bundleitem-description">Blog about programming, scientific machine learning and the related techniques and methods.</p> <p class="bundleitem-date">May 17, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/valentin-pratz/">Valentin Pratz (2 posts)</a> · <a href="https://valentinpratz.de/">Website</a> &amp; <a href="https://valentinpratz.de/index.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/image-galleries/">Image Galleries</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/shortcodes/">Shortcodes</a></p> </div> <div class="bundleitem"> <a href="https://hamatti.org/posts/providing-next-event-as-api-with-eleventys-global-data-files-and-netlify-functions/" class="bundleitem-title" ID="juha-matti-santala-providing-next-event-as-api-with-eleventy-s-global-data-files-and-netlify-functions-2025-05-14" data-pagefind-ignore="" data-link-type="external">Providing next event as API with Eleventy’s Global Data Files and Netlify Functions</a> <p class="bundleitem-description">I wanted to provide a programmatic access to the next event in our community’s event calendar and combined Eleventy and Netlify Functions to achieve it.</p> <p class="bundleitem-date">May 14, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/juha-matti-santala/">Juha-Matti Santala (22 posts)</a> · <a href="https://hamatti.org/">Website</a> &amp; <a href="https://hamatti.org/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/netlify/">Netlify</a></p> </div> <div class="bundleitem"> <a href="https://www.11ty.dev/blog/eleventy-v3-1/" class="bundleitem-title" ID="zach-leatherman-eleventy-v3-1-0-is-now-available-11-faster-and-22-smaller-2025-05-13" data-pagefind-ignore="" data-link-type="external">Eleventy v3.1.0 is now available — 11% faster and 22% smaller!</a> <p class="bundleitem-description">Eleventy v3.1.0 is now available — 11% faster and 22% smaller! — Eleventy</p> <p class="bundleitem-date">May 13, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/zach-leatherman/">Zach Leatherman (81 posts)</a> · <a href="https://www.11ty.dev/">Website</a> &amp; <a href="https://www.11ty.dev/firehose/firehose.rss">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/from-the-source/">From the Source</a><a href="https://11tybundle.dev/categories/upgrading/">Upgrading</a></p> </div> <div class="bundleitem"> <a href="https://chipcullen.com/how-i-built-dynamic-social-media-images-in-eleventy-using-cloudinary/" class="bundleitem-title" ID="chip-cullen-how-i-built-dynamic-social-media-images-in-eleventy-using-cloudinary-2025-05-12" data-pagefind-ignore="" data-link-type="external">How I built dynamic social media images in Eleventy using Cloudinary</a> <p class="bundleitem-description">My not very sophisticated but very understandable approach to making social media share images for a blog in Eleventy.</p> <p class="bundleitem-date">May 12, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/chip-cullen/">Chip Cullen (2 posts)</a> · <a href="https://chipcullen.com/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/nunjucks-macros/">Nunjucks/Macros</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a></p> </div> <div class="bundleitem"> <a href="https://www.bash.lk/posts/tech/1-elventy-image-gallery/" class="bundleitem-title" ID="prabashwara-seneviratne-creating-image-galleries-in-eleventy-11ty-with-elventy-img-2022-11-09" data-pagefind-ignore="" data-link-type="external">Creating image galleries in eleventy(11ty) with elventy-img</a> <p class="bundleitem-description">I wanted to have image galleries on my site and Eleventy didn't have any plugins that did this already. So I added support for it on my own.</p> <p class="bundleitem-date">Nov 9, 2022</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/prabashwara-seneviratne/">Prabashwara Seneviratne (1 post)</a> · <a href="https://www.bash.lk/">Website</a> &amp; <a href="https://www.bash.lk/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/image-galleries/">Image Galleries</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/shortcodes/">Shortcodes</a></p> </div> </div><p></p> <h2>Built with Eleventy</h2> <p>Here are the new sites to see. If you want to see more sites, check out the <a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a>.</p> <p></p><div class="bundlesites" data-pagefind-ignore="index"> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://fordv8foundation.org/" data-link-type="external">Early Ford v8 Foundation Museum</a></p> <p class="bundleitem-description">Preserving Ford Motor History</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://rootedregalia.com/" data-link-type="external">Rooted Regalia</a></p> <p class="bundleitem-description">Graduation gowns made in the USA from fabric made of plant based fiber</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.alfieaward.com/" data-link-type="external">Alfie Jacques Award</a></p> <p class="bundleitem-description">Please support this new initiative to honor the legacy of the Haudenosaunee stickmaker, Alfie...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.banalotopia.de/" data-link-type="external">Banalotopia</a></p> <p class="bundleitem-description">Wolle Hose kaufe? Filme für einfache Menschen.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://badrobotbrain.com/" data-link-type="external">Bad Robot Brain</a></p> <p class="bundleitem-description">The personal website of artist, designer, developer, and all around swell human being, Matt Bryant,...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.chooseinvesting.com/" data-link-type="external">Choose Investing</a></p> <p class="bundleitem-description">Explore our fast, mobile-responsive investment calculators and tools. Get instant, accurate...</p> </div></div><p></p> 2025-05-13T00:00:00Z https://11tybundle.dev/blog/11ty-bundle-73/

11ty Bundle Issue 73

<p><em>An email version of this blog is available. <strong><a href="https://11tybundle.dev/blog/11ty-bundle-73/#newsletter-subscribe">Subscribe here</a></strong>.</em></p> <hr /> <p><strong><em>A note from Bob:</em></strong></p> <p>After 6 weeks of life disruption, living in different places, it's nice to be back home (and with 2 large displays instead of my laptop). And today, I get a long overdue haircut. Knee rehab is going well and my wife has tolerated her radiation treatments well. Onward!</p> <p>A quick heads-up: in the event of a summer slowdown in content, it might be more than the typical 2 weeks between issues. Regardless, the <a href="https://11tybundle.dev/firehosefeed.xml">Firehose RSS feed</a> will bring you all the posts as I find them.</p> <hr /> <p><strong>Bunch-o-releases.</strong> Zach has released new versions of a bunch-o-plugins, including (links to release notes):</p> <ul> <li><a href="https://github.com/11ty/eleventy-plugin-syntaxhighlight/releases/tag/v5.0.1">Eleventy Syntax Highlighter (Prism) v5.0.1</a></li> <li><a href="https://github.com/11ty/eleventy-img/releases/tag/v6.0.3">Eleventy Image v6.0.3</a></li> <li><a href="https://github.com/11ty/eleventy-fetch/releases/tag/v5.1.0">Eleventy Fetch v5.1.0</a></li> <li><a href="https://github.com/11ty/eleventy-plugin-rss/releases/tag/v2.0.4">Eleventy RSS v2.0.4</a></li> </ul> <p><s>And a reminder that <a href="https://github.com/11ty/eleventy/releases/tag/v3.1.0-beta.1">Eleventy v3.1.0-beta.1</a> is out. It's 22% smaller and 11% faster! Give it a spin.</s></p> <blockquote> <p>UPDATE: This just in...<a href="https://github.com/11ty/eleventy/releases/tag/v3.1.0">Eleventy v3.1.0</a> has been released! 🎉 It's 22% smaller and 11% faster! Give it a spin.</p> </blockquote> <p><strong>Nunjucks lives.</strong> <a href="https://nataliecarey.uk/">Natalie Carey</a> has put out <a href="https://github.com/mozilla/nunjucks/issues/1484">a proposal for Nunjucks maintenance</a>. And <a href="https://github.com/nunjucks/nunjucks4">nunjucks4 is currently in alpha</a>. Happy to see this project get some love.</p> <p><strong>The Bundle turned 2.</strong> ICYMI, this very site turned 2 years old on May 1st. I wrote a recap of the year: <a href="https://bobmonsour.com/blog/1-+-1:-celebrating-2-years-of-the-11ty-bundle/">1 + 1: Celebrating 2 years of the 11ty Bundle</a>.</p> <p><strong>A CMS for .NET.</strong> If you're into .NET and are looking for a CMS for your Eleventy sites, <a href="https://fullhack.dev/">Steven Harland</a> has you covered. Check it out at <a href="https://fr1end1y.fullhack.dev/about/">fr1end1y 🧡🎈</a>.</p> <p><strong>Have snacks with your murals.</strong> <a href="https://melanie-richards.com/">Melanie Richards</a> brings us <a href="https://snacks.melanie-richards.com/">World Snacks</a>. And a group of Philadelphia artists delivers at <a href="https://catalog.muralarts.org/">Murals Arts Philadelphia</a> with this year's theme being “Mural Arts: The Place Where Art Meets Hope.” Both are built with <a href="https://www.youtube.com/watch?v=ZsFIvULxkHI">Figma Sites</a>...oh wait...I mean Eleventy.</p> <p>Until next time...</p> <hr /> <div id="issue69-releases"></div> <h2>Recent releases</h2> <p></p><div class="bundlereleases" data-pagefind-ignore="index"><p></p> <p></p><div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-fetch/releases/tag/v5.1.0" data-link-type="external">Eleventy Fetch v5.1.0</a></p> <p class="bundleitem-description">Utility to cache any remote asset: Image, Video, Web Font, CSS, JSON, etc - Release Eleventy Fetch...</p> <p class="bundleitem-dateline">May 8, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-img/releases/tag/v6.0.3" data-link-type="external">Eleventy Image v6.0.3</a></p> <p class="bundleitem-description">Utility to perform build-time image transformations. - Release Eleventy Image v6.0.3 ·...</p> <p class="bundleitem-dateline">May 8, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-rss/releases/tag/v2.0.4" data-link-type="external">Eleventy RSS v2.0.4</a></p> <p class="bundleitem-description">A pack of Eleventy plugins for generating an RSS feed. - Release Eleventy RSS v2.0.4 ·...</p> <p class="bundleitem-dateline">May 8, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-syntaxhighlight/releases/tag/v5.0.1" data-link-type="external">Eleventy Syntax Highlighter (Prism) v5.0.1</a></p> <p class="bundleitem-description">A pack of Eleventy plugins for syntax highlighting in Markdown, Liquid, and Nunjucks templates. -...</p> <p class="bundleitem-dateline">May 8, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-rss/releases/tag/v2.0.4" data-link-type="external">Eleventy RSS v2.0.4</a></p> <p class="bundleitem-description">A pack of Eleventy plugins for generating an RSS feed. - Release Eleventy RSS v2.0.4 ·...</p> <p class="bundleitem-dateline">May 8, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-utils/releases/tag/v2.0.3" data-link-type="external">Eleventy Utils v2.0.3</a></p> <p class="bundleitem-description">Lower level internal utilities to share amongst Eleventy packages - Release Eleventy Utils v2.0.3 ·...</p> <p class="bundleitem-dateline">Apr 29, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-utils/releases/tag/v2.0.4" data-link-type="external">Eleventy Utils v2.0.4</a></p> <p class="bundleitem-description">Lower level internal utilities to share amongst Eleventy packages - Release Eleventy Utils v2.0.4 ·...</p> <p class="bundleitem-dateline">Apr 29, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-utils/releases/tag/v2.0.5" data-link-type="external">Eleventy Utils v2.0.5</a></p> <p class="bundleitem-description">Lower level internal utilities to share amongst Eleventy packages - Release Eleventy Utils v2.0.5 ·...</p> <p class="bundleitem-dateline">Apr 29, 2025</p> </div></div><p></p> <h2>Posts from around the web</h2> <p></p><div class="bundleposts" data-pagefind-ignore="index"> <div class="bundleitem"> <a href="https://blog.martin-haehnel.de/2025/05/11/obsidian-callouts-eleventy/" class="bundleitem-title" ID="martin-haehnel-how-to-make-eleventy-understand-obsidian-style-callouts-2025-05-11" data-pagefind-ignore="" data-link-type="external">How To Make Eleventy Understand Obsidian-style Callouts</a> <p class="bundleitem-description">I really like callouts as a concept. If you're unfamiliar, they are a way to make a part of a note or post stand out. Because…</p> <p class="bundleitem-date">May 11, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/martin-haehnel/">Martin Hähnel (14 posts)</a> · <a href="https://blog.martin-haehnel.de/">Website</a> &amp; <a href="https://blog.martin-haehnel.de/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/obsidian/">Obsidian</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> <div class="bundleitem"> <a href="https://rosenqvist.design/blog/moving-to-11ty/" class="bundleitem-title" ID="rosenqvist-moving-the-blog-to-11ty-2025-05-11" data-pagefind-ignore="" data-link-type="external">Moving the Blog to 11ty</a> <p class="bundleitem-description">Moved the blog away from pure HTML and migrated to 11ty</p> <p class="bundleitem-date">May 11, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/rosenqvist/">Rosenqvist (1 post)</a> · <a href="https://rosenqvist.design/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://www.coryd.dev/posts/2025/running-11ty-and-php-concurrently/" class="bundleitem-title" ID="cory-dransfeldt-running-11ty-and-php-concurrently-2025-05-07" data-pagefind-ignore="" data-link-type="external">Running 11ty and PHP concurrently</a> <p class="bundleitem-description"><a href="https://www.coryd.dev/posts/2025/dynamic-pages-with-php-and-11ty/">Now that I have several sections of this site served dynamically using PHP</a> I've finally put together a single command to work on the site locally.</p> <p class="bundleitem-date">May 7, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/cory-dransfeldt/">Cory Dransfeldt (46 posts)</a> · <a href="https://www.coryd.dev/">Website</a> &amp; <a href="https://www.coryd.dev/feeds/posts.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://www.raymondcamden.com/2025/04/30/a-test-of-eleventy-fetch" class="bundleitem-title" ID="raymond-camden-a-test-of-eleventy-fetch-2025-04-30" data-pagefind-ignore="" data-link-type="external">A Test of Eleventy Fetch</a> <p class="bundleitem-description">A quick look at the Eleventy Fetch plugin.</p> <p class="bundleitem-date">Apr 30, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/raymond-camden/">Raymond Camden (104 posts)</a> · <a href="https://www.raymondcamden.com/">Website</a> &amp; <a href="https://www.raymondcamden.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/netlify/">Netlify</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/remote-data/">Remote Data</a></p> </div> <div class="bundleitem"> <a href="https://donutsec.fun/blog/fr1end1y/" class="bundleitem-title" ID="steven-harland-fr1end1y-2025-02-11" data-pagefind-ignore="" data-link-type="external">fr1end1y 🧡🎈</a> <p class="bundleitem-description">A website starter kit I am developing that combines Umbraco, &quot;the friendly CMS&quot;, with Eleventy, &quot;a simpler static site generator&quot;.</p> <p class="bundleitem-date">Feb 11, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/steven-harland/">Steven Harland (1 post)</a> · <a href="https://donutsec.fun/">Website</a> &amp; <a href="https://donutsec.fun/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/cms/">CMS</a></p> </div> <div class="bundleitem"> <a href="https://nooshu.com/blog/2024/12/22/migrating-to-11ty/" class="bundleitem-title" ID="matt-hobbs-migrating-to-11ty-2024-12-22" data-pagefind-ignore="" data-link-type="external">Migrating to 11ty</a> <p class="bundleitem-description">It's been a while coming, but I've finally managed to get around to migrating to 11ty and Cloudflare Pages. I go over the ups and downs of the migration process in this blog post.</p> <p class="bundleitem-date">Dec 22, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/matt-hobbs/">Matt Hobbs (7 posts)</a> · <a href="https://nooshu.com/">Website</a> &amp; <a href="https://nooshu.com/feed/feed-rss.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> </div><p></p> <h2>Built with Eleventy</h2> <p>Here are the new sites to see. If you want to see more sites, check out the <a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a>.</p> <p></p><div class="bundlesites" data-pagefind-ignore="index"> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://catalog.muralarts.org/" data-link-type="external">Mural Arts Philadelphia</a></p> <p class="bundleitem-description">The Mural Arts Program of Philadelphia&amp;#39;s 2025 Spring Catalog</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://jorijn.com/en/" data-link-type="external">Jorijn Schrijvershof</a></p> <p class="bundleitem-description">Experienced DevOps Engineer Jorijn Schrijvershof offers reliable Managed WordPress Hosting, custom...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://varn.dev/" data-link-type="external">varn.dev</a></p> <p class="bundleitem-description">A personal website and blog by Adam Varn, a front-end developer.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://damien.zone/" data-link-type="external">damien's zone</a></p> <p class="bundleitem-description">french software engineer living and working in the Bay Area on web stuff</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://fr1end1y.fullhack.dev/" data-link-type="external">fr1end1y 🧡🎈</a></p> <p class="bundleitem-description">fr1end1y is a website starter kit that combines Umbraco, &amp;quot;the friendly CMS&amp;quot;, with...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://donutsec.fun/" data-link-type="external">🍩DonutSec</a></p> <p class="bundleitem-description">0days since last incident</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://multiline.co/mment/" data-link-type="external">Multiline Comment</a></p> <p class="bundleitem-description">The online journal of Ashur Cabrera</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://snacks.melanie-richards.com/" data-link-type="external">World Snacks</a></p> <p class="bundleitem-description">My impressions of snacks from around the world</p> </div></div><p></p> 2025-04-29T00:00:00Z https://11tybundle.dev/blog/11ty-bundle-72/

11ty Bundle Issue 72

<p><em>An email version of this blog is available. <strong><a href="https://11tybundle.dev/blog/11ty-bundle-72/#newsletter-subscribe">Subscribe here</a></strong>.</em></p> <hr /> <p><strong><em>A note from Bob:</em></strong></p> <p>I've been spending so much time preparing a post for <a href="https://bobmonsour.com/">my personal site</a> about the coming (May 1st) 2nd anniversary of the launch of the 11ty Bundle site that I completely forgot that I had to get this issue out. Fortunately, I remembered in time and...here we are.</p> <hr /> <p><strong>We Met Up.</strong> Check out the <a href="https://11tymeetup.dev/events/ep-23-notion-as-a-cms-and-component-prototyping/">Eleventy Meetup event details</a> for the most recent meetup videos. <a href="https://mwdelaney.me/">Michael Delaney</a> shared &quot;Rapidly(?) Developing Front-End Components with 11ty&quot; and <a href="https://vrugtehagel.nl/">vrugtehagel</a> shared &quot;Using Notion as CMS with your Eleventy site.&quot;</p> <p><strong>Eleventy v3.1.0-beta.1.</strong> It's smaller! It's faster! Check out the <a href="https://github.com/11ty/eleventy/releases/tag/v3.1.0-beta.1">release notes</a>.</p> <p><strong>Ethan brings the Magick.</strong> <a href="https://ethanmarcotte.com/">Ethan Marcotte</a> shows us how he <a href="https://ethanmarcotte.com/wrote/magick-images/">uses ImageMagick to generate his open graph images</a>.</p> <p><strong>Chris hits a double.</strong> <a href="https://chriskirknielsen.com/">Christopher Kirk-Nielsen</a>, <a href="https://chriskirknielsen.com/blog/double-pagination-in-eleventy/">doubles your pagination</a> fun and <a href="https://chriskirknielsen.com/blog/taking-vento-js-for-a-spin-in-eleventy/">test drives VentoJS</a>, yet another template language</p> <p>Until next time...</p> <hr /> <div id="issue69-releases"></div> <h2>Recent releases</h2> <p></p><div class="bundlereleases" data-pagefind-ignore="index"><p></p> <p></p><div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-bundle/releases/tag/v3.0.6" data-link-type="external">Eleventy Bundle v3.0.6</a></p> <p class="bundleitem-description">Little bundles of code, little bundles of joy. Contribute to 11ty/eleventy-plugin-bundle development...</p> <p class="bundleitem-dateline">Apr 24, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-utils/releases/tag/v2.0.2" data-link-type="external">Eleventy Utils v2.0.2</a></p> <p class="bundleitem-description">Lower level internal utilities to share amongst Eleventy packages - Release Eleventy Utils v2.0.2 ·...</p> <p class="bundleitem-dateline">Apr 24, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-fetch/releases/tag/v5.1.0-beta.3" data-link-type="external">Eleventy Fetch v5.1.0-beta.3</a></p> <p class="bundleitem-description">Utility to cache any remote asset: Image, Video, Web Font, CSS, JSON, etc - Release Eleventy Fetch...</p> <p class="bundleitem-dateline">Apr 23, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-bundle/releases/tag/v3.0.5" data-link-type="external">Eleventy Bundle v3.0.5</a></p> <p class="bundleitem-description">Little bundles of code, little bundles of joy. Contribute to 11ty/eleventy-plugin-bundle development...</p> <p class="bundleitem-dateline">Apr 22, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-bundle/releases/tag/v3.0.4" data-link-type="external">Eleventy Bundle v3.0.4</a></p> <p class="bundleitem-description">Little bundles of code, little bundles of joy. Contribute to 11ty/eleventy-plugin-bundle development...</p> <p class="bundleitem-dateline">Apr 21, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-font-awesome/releases/tag/v1.0.0-beta.11" data-link-type="external">eleventy-plugin-font-awesome v1.0.0-beta.11</a></p> <p class="bundleitem-description">Optimized per-page tree-shaken SVG spritesheets for Eleventy with Font Awesome icons. - Release...</p> <p class="bundleitem-dateline">Apr 21, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v3.1.0-beta.1" data-link-type="external">Eleventy v3.1.0-beta.1</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">Apr 18, 2025</p> </div></div><p></p> <h2>Posts from around the web</h2> <p></p><div class="bundleposts" data-pagefind-ignore="index"> <div class="bundleitem"> <a href="https://chriskirknielsen.com/blog/taking-vento-js-for-a-spin-in-eleventy/" class="bundleitem-title" ID="christopher-kirk-nielsen-taking-ventojs-for-a-spin-in-elev-enty-2025-04-26" data-pagefind-ignore="" data-link-type="external">Taking VentoJS for a spin in Elev­enty</a> <p class="bundleitem-description">There’s a new kid on the templating block.</p> <p class="bundleitem-date">Apr 26, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/christopher-kirk-nielsen/">Christopher Kirk-Nielsen (14 posts)</a> · <a href="https://chriskirknielsen.com/">Website</a> &amp; <a href="https://chriskirknielsen.com/rss.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/nunjucks-macros/">Nunjucks/Macros</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/vento/">Vento</a></p> </div> <div class="bundleitem"> <a href="https://www.inconsistent.software/blog/2025-04-hello-eleventy-3/" class="bundleitem-title" ID="judah-perez-hello-11ty-3-2025-04-26" data-pagefind-ignore="" data-link-type="external">Hello 11ty 3</a> <p class="bundleitem-description">Software developer, game developer. Writer of ideas.</p> <p class="bundleitem-date">Apr 26, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/judah-perez/">Judah Perez (1 post)</a> · <a href="https://www.inconsistent.software/">Website</a> &amp; <a href="https://www.inconsistent.software/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/upgrading/">Upgrading</a></p> </div> <div class="bundleitem"> <a href="https://www.youtube.com/watch?v=RTfk_o7zz-A" class="bundleitem-title" ID="vrugtehagel-using-notion-as-cms-with-your-eleventy-site-with-vrugtehagel-2025-04-24" data-pagefind-ignore="" data-link-type="external">Using Notion as CMS with your Eleventy site with vrugtehagel</a> <p class="bundleitem-description">YouTube video</p> <p class="bundleitem-date">Apr 24, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/vrugtehagel/">vrugtehagel (3 posts)</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/notion/">Notion</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/youtube/">YouTube</a></p> </div> <div class="bundleitem"> <a href="https://www.youtube.com/watch?v=hNLr_VwGn9M" class="bundleitem-title" ID="michael-delaney-rapidly-developing-front-end-components-with-11ty-with-michael-delaney-2025-04-24" data-pagefind-ignore="" data-link-type="external">Rapidly(?) Developing Front-End Components with 11ty with Michael Delaney</a> <p class="bundleitem-description">YouTube video</p> <p class="bundleitem-date">Apr 24, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/michael-delaney/">Michael Delaney (1 post)</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/youtube/">YouTube</a></p> </div> <div class="bundleitem"> <a href="https://chriskirknielsen.com/blog/double-pagination-in-eleventy/" class="bundleitem-title" ID="christopher-kirk-nielsen-double-pagination-in-elev-enty-2025-04-23" data-pagefind-ignore="" data-link-type="external">Double-Pagination in Elev­enty</a> <p class="bundleitem-description">Yo dawg, I heard you liked pagination, so I added pagination inside your paginated pages, so you can paginate while you paginate.</p> <p class="bundleitem-date">Apr 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/christopher-kirk-nielsen/">Christopher Kirk-Nielsen (14 posts)</a> · <a href="https://chriskirknielsen.com/">Website</a> &amp; <a href="https://chriskirknielsen.com/rss.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/collections/">Collections</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/pagination/">Pagination</a></p> </div> <div class="bundleitem"> <a href="https://hamatti.org/posts/how-i-write-and-publish-blog-posts-in-april-2025/" class="bundleitem-title" ID="juha-matti-santala-how-i-write-and-publish-blog-posts-in-april-2025-2025-04-23" data-pagefind-ignore="" data-link-type="external">How I write and publish blog posts in April 2025</a> <p class="bundleitem-description">It’s time for documenting my current stack and process for writing and publishing a blog post.</p> <p class="bundleitem-date">Apr 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/juha-matti-santala/">Juha-Matti Santala (22 posts)</a> · <a href="https://hamatti.org/">Website</a> &amp; <a href="https://hamatti.org/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/notion/">Notion</a><a href="https://11tybundle.dev/categories/obsidian/">Obsidian</a></p> </div> <div class="bundleitem"> <a href="https://vrugtehagel.nl/posts/using-notion-as-cms-with-eleventy/" class="bundleitem-title" ID="vrugtehagel-using-notion-as-cms-with-eleventy-2025-04-23" data-pagefind-ignore="" data-link-type="external">Using Notion as CMS with Eleventy</a> <p class="bundleitem-description">In this article we'll walk through how to use my <a href="https://jsr.io/@vrugtehagel/eleventy-from-notion">eleventy-from-notion</a> plugin, so you'll be able to use Notion as your CMS to use with your Eleventy setup.</p> <p class="bundleitem-date">Apr 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/vrugtehagel/">vrugtehagel (3 posts)</a> · <a href="https://vrugtehagel.nl/">Website</a> &amp; <a href="https://vrugtehagel.nl/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/notion/">Notion</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> <div class="bundleitem"> <a href="https://meiert.com/en/blog/eleventy-github-workflow/" class="bundleitem-title" ID="jens-oliver-meiert-eleventy-a-github-workflow-to-check-if-an-automated-dependency-update-would-break-your-site-2025-04-22" data-pagefind-ignore="" data-link-type="external">Eleventy: A GitHub Workflow to Check if an Automated Dependency Update Would Break Your Site</a> <p class="bundleitem-description">A little safety measure to prevent updates to package.json, package-lock.json, and .nvmrc (or similar) from causing a hiccup.</p> <p class="bundleitem-date">Apr 22, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jens-oliver-meiert/">Jens Oliver Meiert (3 posts)</a> · <a href="https://meiert.com/">Website</a> &amp; <a href="https://meiert.com/feed/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://ethanmarcotte.com/wrote/magick-images/" class="bundleitem-title" ID="ethan-marcotte-magick-images-2025-04-22" data-pagefind-ignore="" data-link-type="external">Magick images</a> <p class="bundleitem-description">I’ve upgraded my site’s social media preview images, using a combination of ImageMagick and Eleventy. Here’s entirely too many words about how I made it all happen.</p> <p class="bundleitem-date">Apr 22, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/ethan-marcotte/">Ethan Marcotte (2 posts)</a> · <a href="https://ethanmarcotte.com/">Website</a> &amp; <a href="https://ethanmarcotte.com/wrote/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a></p> </div> <div class="bundleitem"> <a href="https://11tycms.com/blog/posts/11tycms-redesign/" class="bundleitem-title" ID="jessie-heald-11tycms-first-design-and-file-management-2025-04-22" data-pagefind-ignore="" data-link-type="external">11tyCMS: First design &amp; file management</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Apr 22, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jessie-heald/">Jessie Heald (12 posts)</a> · <a href="https://11tycms.com/">Website</a> &amp; <a href="https://11tycms.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/cms/">CMS</a></p> </div> <div class="bundleitem"> <a href="https://blog.martin-haehnel.de/2025/04/21/eleventy-wikilinks/" class="bundleitem-title" ID="martin-haehnel-how-to-make-eleventy-understand-obsidian-style-wiki-links-2025-04-20" data-pagefind-ignore="" data-link-type="external">How To Make Eleventy Understand Obsidian-style Wiki Links</a> <p class="bundleitem-description">I have started to use Obsidian as my blog editor and because of that I needed a simple way to make eleventy understand wiki…</p> <p class="bundleitem-date">Apr 20, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/martin-haehnel/">Martin Hähnel (14 posts)</a> · <a href="https://blog.martin-haehnel.de/">Website</a> &amp; <a href="https://blog.martin-haehnel.de/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/obsidian/">Obsidian</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> <div class="bundleitem"> <a href="https://keith.is/post/letterboxd-to-markdown/" class="bundleitem-title" ID="keith-kurson-letterboxd-to-markdown-2025-04-20" data-pagefind-ignore="" data-link-type="external">Letterboxd to Markdown</a> <p class="bundleitem-description">A small node script to create a markdown file for each movie review in a Letterboxd RSS feed</p> <p class="bundleitem-date">Apr 20, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/keith-kurson/">Keith Kurson (3 posts)</a> · <a href="https://keith.is/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/rss/">RSS</a><a href="https://11tybundle.dev/categories/remote-data/">Remote Data</a></p> </div> <div class="bundleitem"> <a href="https://meiert.com/en/blog/how-i-run-eleventy/" class="bundleitem-title" ID="jens-oliver-meiert-how-i-run-eleventy-it-s-complicated-2025-04-18" data-pagefind-ignore="" data-link-type="external">How I Run Eleventy (It’s Complicated?)</a> <p class="bundleitem-description">Aliases, debug mode, non-versioned builds as part of a centralized, versioned site exports repo—and the thinking behind it all.</p> <p class="bundleitem-date">Apr 18, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jens-oliver-meiert/">Jens Oliver Meiert (3 posts)</a> · <a href="https://meiert.com/">Website</a> &amp; <a href="https://meiert.com/feed/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/debugging/">Debugging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://ldstephens.net/blog/cleaning-up-my-11-ty-project-repository/" class="bundleitem-title" ID="ld-stephens-cleaning-up-my-11ty-project-repository-2025-04-18" data-pagefind-ignore="" data-link-type="external">Cleaning up my 11ty project repository</a> <p class="bundleitem-description">A blog by ldstephens</p> <p class="bundleitem-date">Apr 18, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/ld-stephens/">LD Stephens (5 posts)</a> · <a href="https://ldstephens.net/">Website</a> &amp; <a href="https://ldstephens.net/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/debugging/">Debugging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://11tycms.com/blog/posts/11tycms-electron-prototype/" class="bundleitem-title" ID="jessie-heald-11tycms-electron-prototype-2025-04-17" data-pagefind-ignore="" data-link-type="external">11tyCMS: Electron Prototype</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Apr 17, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jessie-heald/">Jessie Heald (12 posts)</a> · <a href="https://11tycms.com/">Website</a> &amp; <a href="https://11tycms.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/cms/">CMS</a></p> </div> <div class="bundleitem"> <a href="https://blog.chobble.com/blog/25-04-16-adding-base64-image-backgrounds-to-eleventy-img/" class="bundleitem-title" ID="stefan-burke-adding-base64-placeholder-background-images-to-eleventy-img-2025-04-16" data-pagefind-ignore="" data-link-type="external">Adding base64 placeholder background images to eleventy-img</a> <p class="bundleitem-description">Add a low-quality webp placeholder image to the HTML of your site</p> <p class="bundleitem-date">Apr 16, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/stefan-burke/">Stefan Burke (4 posts)</a> · <a href="https://blog.chobble.com/">Website</a> &amp; <a href="https://blog.chobble.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/shortcodes/">Shortcodes</a></p> </div> <div class="bundleitem"> <a href="https://keith.is/post/building-a-resume-website-with-eleventy" class="bundleitem-title" ID="keith-kurson-building-a-resume-website-with-eleventy-2025-02-15" data-pagefind-ignore="" data-link-type="external">Building a resume website with eleventy</a> <p class="bundleitem-description">i share how i built a fully customizable resume website with eleventy, complete with seo-friendly features and pdf generation.</p> <p class="bundleitem-date">Feb 15, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/keith-kurson/">Keith Kurson (3 posts)</a> · <a href="https://keith.is/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/webc/">WebC</a></p> </div> </div><p></p> <h2>Built with Eleventy</h2> <p>Here are the new sites to see. If you want to see more sites, check out the <a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a>.</p> <p></p><div class="bundlesites" data-pagefind-ignore="index"> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://bartoshevich.by/" data-link-type="external">Bartoshevich</a></p> <p class="bundleitem-description">Персональный сайт Дмитрия Бартошевича, основателя BARSAN. Превращаю хаотичный маркетинг в системную...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://emonc.org/en/" data-link-type="external">EmONC Digital Guide</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://thegymnasium.com/" data-link-type="external">Gymnasium</a></p> <p class="bundleitem-description">Design a career you love with our free online courses and tutorials on design, development, UX,...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://gallery.davidmoll.net/" data-link-type="external">David Moll Gallery</a></p> <p class="bundleitem-description">David Moll&amp;#39;s photo gallery, made with eleventy</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.iodocs.nl/" data-link-type="external">IODOCS</a></p> <p class="bundleitem-description">IODOCS helpt u alle administratieve en wettelijke verplichtingen voor vastgoed eenvoudig en...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://photos.srgower.com/" data-link-type="external">Photos by Stephen Gower</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://geekometric.com/" data-link-type="external">Geeko Metric</a></p> <p class="bundleitem-description">Encore un blog de geek sur les jeux vidéo, le cinéma et la musique</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://eblu.space/" data-link-type="external">eblu</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://carlotrimarchi.it/" data-link-type="external">carlo_trimarchi</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://byteaether.github.io/" data-link-type="external">ByteAether</a></p> <p class="bundleitem-description">Decoding complexity to craft beautiful simplicity.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://thefootballfactorynj.com/" data-link-type="external">The Football Factory</a></p> <p class="bundleitem-description">Indoor soccer training &amp;amp; rentals in Dumont, NJ. Youth clinics, 5v5 fields, and soccer birthday...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.freecodecamp.org/news" data-link-type="external">freeCodeCamp News</a></p> <p class="bundleitem-description">Browse thousands of programming tutorials written by experts. Learn Web Development, Data Science,...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://research.cloudflare.com/" data-link-type="external">Cloudflare Research</a></p> <p class="bundleitem-description">Helping to build a better Internet. Taking research theory to reality.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://ruby-style-guide.shopify.dev/" data-link-type="external">Shopify's Ruby Style Guide</a></p> <p class="bundleitem-description">Shopify&amp;#39;s Ruby Style Guide</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://docs.flutter.dev/" data-link-type="external">Flutter documentation</a></p> <p class="bundleitem-description">Get started with Flutter. Widgets, examples, updates, and API docs to help you write your first...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://extensionworkshop.com/" data-link-type="external">Extension Workshop</a></p> <p class="bundleitem-description">Get help creating &amp;amp; publishing Firefox extensions.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://microsoft.github.io/TypeChat/" data-link-type="external">TypeChat</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://courtnotes.netlify.app/" data-link-type="external">CourtNotes</a></p> <p class="bundleitem-description">Personal blog and knowledge hub by Courtney Fradreck — covering software engineering, coding tips,...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://annotator.incubator.apache.org/" data-link-type="external">Apache Annotator</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://royale.apache.org/" data-link-type="external">Apache Royale</a></p> <p class="bundleitem-description"></p> </div></div><p></p> 2025-04-15T00:00:00Z https://11tybundle.dev/blog/11ty-bundle-71/

11ty Bundle Issue 71

<p><em>An email version of this blog is available. <strong><a href="https://11tybundle.dev/blog/11ty-bundle-71/#newsletter-subscribe">Subscribe here</a></strong>.</em></p> <hr /> <p><strong><em>A note from Bob:</em></strong></p> <p>Writing this following the first week of our month-long stay in Burbank. I continue rehab from knee replacement surgery and my wife has completed 5 of her 20 radiation treatments. So far, we're both doing well and staying positive. We lucked out with a nice Airbnb in a nice walkable neighborhood. Our dog, Soda, is loving it.</p> <hr /> <p><strong>11ty meetup Apr 23.</strong> The date is set for the next <a href="https://11tymeetup.dev/events/ep-23-notion-as-a-cms-and-component-prototyping/">Eleventy Meetup</a>. Hear from vrugtehagel (their handle on the <a href="https://www.11ty.dev/blog/discord/">Discord server</a>) on how he uses Notion as a CMS, and <a href="https://mwdelaney.me/">Michael Delaney</a> will walk through component prototyping with 11ty.</p> <p><strong>CMS developments in progress.</strong> I noticed two distinct CMS efforts to support 11ty. One was noted in <a href="https://www.reddit.com/r/eleventy/comments/1jtis3i/i_built_a_visual_markdown_editor_for_11ty/">this Reddit thread</a>. Known at the moment as <a href="https://www.jekyllpad.com/">JekyllPad</a>, the Reddit thread claims that it now will support 11ty. The second is a coming Electron-based app that I discovered via this <a href="https://mstdn.social/@QueerMatters/114337351259091474">Mastodon post</a>. Here's the <a href="https://thinkymeat.neocities.org/posts/11tycms/">related blog post</a>. I love to see developments like this.</p> <p><strong>Drafts are simpler.</strong> Someone, I can't recall who, cited <a href="https://www.11ty.dev/docs/config-preprocessors/#example-drafts">this section of the 11ty docs</a> showing how incredibly simple it is to set up a draft system. I recall a far more complex method required in earlier times.</p> <p><strong>QR code curious?</strong> <a href="https://www.alpower.com/">Al Power</a> shows how to <a href="https://www.alpower.com/blog/2025-04-13-dynamically-creating-QR-codes-for-eleventy-posts/">dynamically create QR codes in Eleventy</a>.</p> <p><strong>Eleventy v3.1.0-alpha.1.</strong> Check out the <a href="https://github.com/11ty/eleventy/releases/tag/v3.1.0-alpha.1">release notes</a> and get yourself to testing.</p> <p>Until next time...</p> <hr /> <div id="issue69-releases"></div> <h2>Recent releases</h2> <p></p><div class="bundlereleases" data-pagefind-ignore="index"><p></p> <p></p><div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v3.1.0-alpha.1" data-link-type="external">Eleventy v3.1.0-alpha.1</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">Apr 14, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-img/releases/tag/v6.0.2" data-link-type="external">Eleventy Image v6.0.2</a></p> <p class="bundleitem-description">Utility to perform build-time image transformations. - Release Eleventy Image v6.0.2 (dependency...</p> <p class="bundleitem-dateline">Apr 10, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-import/releases/tag/v1.0.15" data-link-type="external">Eleventy Import v1.0.15</a></p> <p class="bundleitem-description">Utility to import content from multiple services (and a CLI, too) - Release Eleventy Import v1.0.15...</p> <p class="bundleitem-dateline">Apr 2, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-navigation/releases/tag/v1.0.4" data-link-type="external">Eleventy Navigation v1.0.4</a></p> <p class="bundleitem-description">A plugin for creating hierarchical navigation in Eleventy projects. Supports breadcrumbs too! -...</p> <p class="bundleitem-dateline">Apr 1, 2025</p> </div></div><p></p> <h2>Posts from around the web</h2> <p></p><div class="bundleposts" data-pagefind-ignore="index"> <div class="bundleitem"> <a href="https://11tycms.com/blog/posts/11tycms/" class="bundleitem-title" ID="jessie-heald-11tycms-2025-04-14" data-pagefind-ignore="" data-link-type="external">11tyCMS</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Apr 14, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jessie-heald/">Jessie Heald (12 posts)</a> · <a href="https://11tycms.com/">Website</a> &amp; <a href="https://11tycms.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/cms/">CMS</a></p> </div> <div class="bundleitem"> <a href="https://www.alpower.com/blog/2025-04-13-dynamically-creating-QR-codes-for-eleventy-posts/" class="bundleitem-title" ID="al-power-dynamically-creating-qr-codes-in-eleventy-2025-04-13" data-pagefind-ignore="" data-link-type="external">Dynamically creating QR codes in Eleventy</a> <p class="bundleitem-description">a simple shortcode to add QR codes to your posts</p> <p class="bundleitem-date">Apr 13, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/al-power/">Al Power (9 posts)</a> · <a href="https://www.alpower.com/">Website</a> &amp; <a href="https://www.alpower.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/shortcodes/">Shortcodes</a></p> </div> <div class="bundleitem"> <a href="https://paulcapewell.com/blog/250411_1426/" class="bundleitem-title" ID="paul-capewell-a-brief-update-to-how-i-write-these-posts-2025-04-11" data-pagefind-ignore="" data-link-type="external">A brief update to how I write these posts</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Apr 11, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/paul-capewell/">Paul Capewell (2 posts)</a> · <a href="https://paulcapewell.com/">Website</a> &amp; <a href="https://paulcapewell.com/feed/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://tfedder.de/blog/freemarker-and-python-page-templates-in-11ty/" class="bundleitem-title" ID="tobias-fedder-rendering-freemarker-and-python-page-templates-with-11ty-2025-04-11" data-pagefind-ignore="" data-link-type="external">Rendering FreeMarker and Python page templates with 11ty</a> <p class="bundleitem-description">11ty, FreeMarker Generator, and Chameleon allow me to render FreeMarker and Python page templates to HTML within the same static site generator.</p> <p class="bundleitem-date">Apr 11, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/tobias-fedder/">Tobias Fedder (7 posts)</a> · <a href="https://tfedder.de/">Website</a> &amp; <a href="https://tfedder.de/blog_feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/data-cascade/">Data Cascade</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://httpster.io/article/generating-content-driven-css-with-eleventy/" class="bundleitem-title" ID="sami-generating-content-driven-css-with-eleventy-2025-04-11" data-pagefind-ignore="" data-link-type="external">Generating content driven CSS with Eleventy</a> <p class="bundleitem-description">Why spend an hour writing CSS when you can spend four hours creating classes on the fly?</p> <p class="bundleitem-date">Apr 11, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/sami/">Sami (1 post)</a> · <a href="https://httpster.io/">Website</a> &amp; <a href="https://httpster.io/atom.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/data-cascade/">Data Cascade</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://linuxfr.org/users/outs/journaux/eleventy-presentation-et-mini-tutoriel" class="bundleitem-title" ID="joris-r-journal-eleventy-presentation-et-mini-tutoriel-2025-04-09" data-pagefind-ignore="" data-link-type="external">Journal Eleventy, présentation et mini-tutoriel</a> <p class="bundleitem-description">Eleventy, présentation et mini-tutoriel</p> <p class="bundleitem-date">Apr 9, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/joris-r/">Joris R (1 post)</a> · <a href="https://linuxfr.org/">Website</a> &amp; <a href="https://linuxfr.org/news.atom">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a><a href="https://11tybundle.dev/categories/layouts/">Layouts</a></p> </div> <div class="bundleitem"> <a href="https://www.philiprenich.com/blog/recreating-search-with-eleventy-v3-and-netlify/" class="bundleitem-title" ID="philip-renich-recreating-search-with-eleventy-v3-and-netlify-2025-04-08" data-pagefind-ignore="" data-link-type="external">Recreating Search with Eleventy v3 and Netlify</a> <p class="bundleitem-description">While upgrading to version 3 of Eleventy, I discovered that the official serverless plugin was no longer supported. That was how this site's search feature worked. To finish the upgrade, I needed to write my own serverless code and plugin to manage it. While the details of how the search feature</p> <p class="bundleitem-date">Apr 8, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/philip-renich/">Philip Renich (2 posts)</a> · <a href="https://www.philiprenich.com/">Website</a> &amp; <a href="https://www.philiprenich.com/atom.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/netlify/">Netlify</a><a href="https://11tybundle.dev/categories/search/">Search</a><a href="https://11tybundle.dev/categories/serverless/">Serverless</a></p> </div> <div class="bundleitem"> <a href="https://roboleary.net/blog/cloudflare-pages/" class="bundleitem-title" ID="rob-o-leary-i-moved-my-website-to-cloudflare-pages-here-s-why-2025-04-07" data-pagefind-ignore="" data-link-type="external">I moved my website to CloudFlare Pages, here’s why</a> <p class="bundleitem-description">I switched the hosting of my personal website from Netlify to CloudFlare Pages yesterday. Here is why.</p> <p class="bundleitem-date">Apr 7, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/rob-o-leary/">Rob O'Leary (13 posts)</a> · <a href="https://roboleary.net/">Website</a> &amp; <a href="https://www.roboleary.net/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/netlify/">Netlify</a></p> </div> <div class="bundleitem"> <a href="https://jjoohhnn.com/blog/terminal-text/" class="bundleitem-title" ID="john-michael-swartz-how-my-terminal-text-webc-component-works-2025-04-07" data-pagefind-ignore="" data-link-type="external">How My Terminal Text WebC Component Works_</a> <p class="bundleitem-description">Thank you for thinking out loud</p> <p class="bundleitem-date">Apr 7, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/john-michael-swartz/">John Michael Swartz (1 post)</a> · <a href="https://jjoohhnn.com/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/webc/">WebC</a></p> </div> <div class="bundleitem"> <a href="https://www.simoncox.com/post/2025-04-04-creating-a-blogroll-page-from-mastodon-bookmarks/" class="bundleitem-title" ID="simon-cox-creating-a-blogroll-page-from-mastodon-bookmarks-2025-04-04" data-pagefind-ignore="" data-link-type="external">Creating a blogroll page from Mastodon bookmarks</a> <p class="bundleitem-description">How I built a page with a list of the toots I have bookmarked in Mastodon.</p> <p class="bundleitem-date">Apr 4, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/simon-cox/">Simon Cox (16 posts)</a> · <a href="https://www.simoncox.com/">Website</a> &amp; <a href="https://www.simoncox.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/remote-data/">Remote Data</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a></p> </div> <div class="bundleitem"> <a href="https://sachachua.com/blog/2025/04/adding-subheadings-and-sketches-to-my-blog-page-navigation/" class="bundleitem-title" ID="sacha-chua-adding-subheadings-and-sketches-to-my-blog-page-navigation-2025-04-03" data-pagefind-ignore="" data-link-type="external">Adding subheadings and sketches to my blog page navigation</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Apr 3, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/sacha-chua/">Sacha Chua (4 posts)</a> · <a href="https://sachachua.com/">Website</a> &amp; <a href="https://sachachua.com/blog/feed">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/navigation/">Navigation</a><a href="https://11tybundle.dev/categories/shortcodes/">Shortcodes</a></p> </div> <div class="bundleitem"> <a href="https://hexaedre.com/hexa01/" class="bundleitem-title" ID="denis-ricard-updating-my-website-2025-03-28" data-pagefind-ignore="" data-link-type="external">Updating my website</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Mar 28, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/denis-ricard/">Denis Ricard (1 post)</a> · <a href="https://hexaedre.com/">Website</a> &amp; <a href="https://hexaedre.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://marcjenkins.co.uk/migrating-to-eleventy/" class="bundleitem-title" ID="marc-jenkins-migrating-to-eleventy-2025-03-26" data-pagefind-ignore="" data-link-type="external">Migrating to Eleventy</a> <p class="bundleitem-description">I am writing about my experiences as a self-employed web developer and designer.</p> <p class="bundleitem-date">Mar 26, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/marc-jenkins/">Marc Jenkins (1 post)</a> · <a href="https://marcjenkins.co.uk/">Website</a> &amp; <a href="https://marcjenkins.co.uk/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a></p> </div> <div class="bundleitem"> <a href="https://bryn.codes/writing/vue-to-11ty/" class="bundleitem-title" ID="bryn-newell-swapping-from-vue-to-eleventy-2025-03-01" data-pagefind-ignore="" data-link-type="external">Swapping from Vue to Eleventy</a> <p class="bundleitem-description">Swapping from Vue to Eleventy | by Bryn Newell</p> <p class="bundleitem-date">Mar 1, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/bryn-newell/">Bryn Newell (1 post)</a> · <a href="https://bryn.codes/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a></p> </div> <div class="bundleitem"> <a href="https://alansuspect.dev/blog/i-picked-a-cms/" class="bundleitem-title" ID="alan-quirk-i-picked-a-cms-2025-01-23" data-pagefind-ignore="" data-link-type="external">I picked a CMS</a> <p class="bundleitem-description">I picked a CMS</p> <p class="bundleitem-date">Jan 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/alan-quirk/">Alan Quirk (1 post)</a> · <a href="https://alansuspect.dev/">Website</a> &amp; <a href="https://alansuspect.dev/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://tlohde.com/blog/2025/04/mapping-with-leaflet/" class="bundleitem-title" ID="tlohde-mapping-with-leaflet-2025-01-04" data-pagefind-ignore="" data-link-type="external">mapping with leaflet</a> <p class="bundleitem-description">how i am using leaflet &amp; 11ty</p> <p class="bundleitem-date">Jan 4, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/tlohde/">tlohde (2 posts)</a> · <a href="https://tlohde.com/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/layouts/">Layouts</a><a href="https://11tybundle.dev/categories/remote-data/">Remote Data</a></p> </div> <div class="bundleitem"> <a href="https://deepakness.com/blog/publishing-from-obsidian-using-11ty/" class="bundleitem-title" ID="deepakness-publishing-from-obsidian-using-11ty-2024-02-16" data-pagefind-ignore="" data-link-type="external">Publishing from Obsidian using 11ty</a> <p class="bundleitem-description">DeepakNess is an internet generalist who likes learning and working on a mix of things across AI, tech, programmatic SEO, marketing, and more.</p> <p class="bundleitem-date">Feb 16, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/deepakness/">DeepakNess (4 posts)</a> · <a href="https://deepakness.com/">Website</a> &amp; <a href="https://deepakness.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/obsidian/">Obsidian</a></p> </div> </div><p></p> <h2>Built with Eleventy</h2> <p>Here are the new sites to see. If you want to see more sites, check out the <a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a>.</p> <p></p><div class="bundlesites" data-pagefind-ignore="index"> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.befreaky.co/" data-link-type="external">BeFreaky</a></p> <p class="bundleitem-description">BeFreaky - David Denni - Portfolio</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://hexaedre.com/" data-link-type="external">Hexaèdre</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://annema.me/" data-link-type="external">Klaas Pieter Annema</a></p> <p class="bundleitem-description">I&amp;#39;m a product engineer with 15 years of experience.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.atomwolf.org/" data-link-type="external">ATOMWOLF</a></p> <p class="bundleitem-description">Personal website of Adam Wolf</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://atomic.financial/" data-link-type="external">Atomic</a></p> <p class="bundleitem-description">Grow direct deposits, increase spend and boost customer engagement with Atomic.</p> </div></div><p></p> 2025-04-01T00:00:00Z https://11tybundle.dev/blog/11ty-bundle-70/

11ty Bundle Issue 70

<p><em>An email version of this blog is available. <strong><a href="https://11tybundle.dev/blog/11ty-bundle-70/#newsletter-subscribe">Subscribe here</a></strong>.</em></p> <hr /> <p><strong><em>A note from Bob:</em></strong></p> <p>Some hot news! During the last Eleventy Meetup, Zach alluded to a major new project that he would be working on in the coming months. And as much as we tried to pry out the nature of it from him, he did not relent.</p> <p>That said, I have a source close to contributors in the Eleventy-sphere and he shared some details of this mysterious new project. <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">Check out what he had to say</a>.</p> <p><a href="https://11tybundle.dev/blog/11ty-bundle-70/#af-2025">P.S.</a></p> <hr /> <p><strong>11ty meetup videos.</strong> Videos from the March 20th Meetup are out. Here's <a href="https://www.youtube.com/playlist?list=PLJy3jyeGVYUoyTlnt_S3Bni9XOmXjTm1t">the playlist</a> with both videos, featuring David Moll on using Umami with 11ty, and Zach Leatherman on moving the <a href="https://blog.fontawesome.com/">Font Awesome blog</a> from Wordpress to Eleventy (here's <a href="https://blog.fontawesome.com/blog-awesome-to-11ty/">the blog post about it</a>).</p> <p><strong>Getty does digital books.</strong> This looks like a pretty amazing project by <a href="https://www.getty.edu/">Getty</a>. It's called <a href="https://quire.getty.edu/">Quire</a> and it's an open source, 11ty-based project to <em>&quot;Create scholarly, visually rich digital books that last.&quot;</em> And there's a <a href="https://vimeo.com/820983026/b3a116fb1e">Vimeo video about it</a>.</p> <p><strong>Speedlify updated.</strong> Zach has updated the <a href="https://www.11ty.dev/speedlify/">Speedlify leaderboard</a> of 11ty sites. He's limited the sites listed and only has included those with a total Lighthouse score of 400 (aka 4 hundos). Sadly, none of my sites made the cut...I've got work to do.</p> <p><strong>California is engaged with 11ty.</strong> The state of California has released a new 11ty-based site called <a href="https://engaged.ca.gov/">Engaged California</a>. It looks very well done and I hope that it's as effective as it is pretty.</p> <p><strong>11ty info architecture improvements.</strong> Here's a <a href="https://github.com/11ty/11ty-website/pull/1782">summary of some of the sidebar menu improvements</a> to the 11ty site. Some of them are already live <a href="https://www.11ty.dev/">on the site</a>. Love this stuff!</p> <p><strong>Chobble does starters.</strong> Stefan Burke, at <a href="https://chobble.com/">chobble.com</a>, has blessed us with a new starter aimed at small businesses. He's got two demos of it up, <a href="https://example.chobble.com/">one for a product business</a> (<a href="https://git.chobble.com/chobble/chobble-template">source</a>) and <a href="https://tradesperson-example.chobble.com/">one for a trades-person business</a> (<a href="https://git.chobble.com/chobble/tradesperson-example">source</a>). Stefan also wrote <a href="https://blog.chobble.com/blog/25-03-28-chobble-template/">an overview blog post</a> about the templates. For those of you serving small business clients or solo trades-people clients, these could be a good fit.</p> <p>Until next time...</p> <hr /> <div id="issue69-releases"></div> <h2>Recent releases</h2> <p></p><div class="bundlereleases" data-pagefind-ignore="index"><p></p> <p></p><div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-navigation/releases/tag/v1.0.3" data-link-type="external">Eleventy Navigation v1.0.3</a></p> <p class="bundleitem-description">A plugin for creating hierarchical navigation in Eleventy projects. Supports breadcrumbs too! -...</p> <p class="bundleitem-dateline">Mar 31, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-navigation/releases/tag/v1.0.2" data-link-type="external">Eleventy Navigation v1.0.2</a></p> <p class="bundleitem-description">A plugin for creating hierarchical navigation in Eleventy projects. Supports breadcrumbs too! -...</p> <p class="bundleitem-dateline">Mar 27, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/is-land/releases/tag/v5.0.0-beta.5" data-link-type="external">is-land v5.0.0-beta.5</a></p> <p class="bundleitem-description">A new performance-focused way to add interactive client-side components to your web site. - Release...</p> <p class="bundleitem-dateline">Mar 24, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/image-color/releases/tag/v1.0.6" data-link-type="external">Eleventy Image Color v1.0.6</a></p> <p class="bundleitem-description">Small utility to efficiently fetch the colors from an image. - Release Eleventy Image Color v1.0.6 ·...</p> <p class="bundleitem-dateline">Mar 21, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-fetch/releases/tag/v5.1.0-beta.2" data-link-type="external">Eleventy Fetch v5.1.0-beta.2</a></p> <p class="bundleitem-description">Utility to cache any remote asset: Image, Video, Web Font, CSS, JSON, etc - Release Eleventy Fetch...</p> <p class="bundleitem-dateline">Mar 20, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-navigation/releases/tag/v1.0.0" data-link-type="external">Eleventy Navigation v1.0.0</a></p> <p class="bundleitem-description">A plugin for creating hierarchical navigation in Eleventy projects. Supports breadcrumbs too! -...</p> <p class="bundleitem-dateline">Mar 19, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-navigation/releases/tag/v1.0.1" data-link-type="external">Eleventy Navigation v1.0.1</a></p> <p class="bundleitem-description">A plugin for creating hierarchical navigation in Eleventy projects. Supports breadcrumbs too! -...</p> <p class="bundleitem-dateline">Mar 19, 2025</p> </div></div><p></p> <h2>Posts from around the web</h2> <p></p><div class="bundleposts" data-pagefind-ignore="index"> <div class="bundleitem"> <a href="https://blog.davidmoll.net/blog/2025-03-31-eleventy-plugin-skiplink/" class="bundleitem-title" ID="david-moll-eleventy-plugin-skiplink-2025-03-31" data-pagefind-ignore="" data-link-type="external">eleventy-plugin-skiplink</a> <p class="bundleitem-description">This article is about: How and why I created a plugin to automatically create a skiplink for 11ty</p> <p class="bundleitem-date">Mar 31, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/david-moll/">David Moll (2 posts)</a> · <a href="https://blog.davidmoll.net/">Website</a> &amp; <a href="https://blog.davidmoll.net/netnuggets.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/accessibility/">Accessibility</a><a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://sachachua.com/blog/2025/03/moving-18-years-of-comments-out-of-disqus-and-into-my-11ty-static-site/" class="bundleitem-title" ID="sacha-chua-moving-18-years-of-comments-out-of-disqus-and-into-my-11ty-static-site-2025-03-30" data-pagefind-ignore="" data-link-type="external">Moving 18 years of comments out of Disqus and into my 11ty static site</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Mar 30, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/sacha-chua/">Sacha Chua (4 posts)</a> · <a href="https://sachachua.com/">Website</a> &amp; <a href="https://sachachua.com/blog/feed">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a></p> </div> <div class="bundleitem"> <a href="https://ldstephens.net/blog/the-power-of-redirects/" class="bundleitem-title" ID="ld-stephens-the-power-of-redirects-2025-03-30" data-pagefind-ignore="" data-link-type="external">The power of _redirects</a> <p class="bundleitem-description">A blog by ldstephens</p> <p class="bundleitem-date">Mar 30, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/ld-stephens/">LD Stephens (5 posts)</a> · <a href="https://ldstephens.net/">Website</a> &amp; <a href="https://ldstephens.net/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/netlify/">Netlify</a><a href="https://11tybundle.dev/categories/rss/">RSS</a></p> </div> <div class="bundleitem"> <a href="https://blog.fontawesome.com/blog-awesome-to-11ty/" class="bundleitem-title" ID="zach-leatherman-check-the-speedometer-on-the-brand-new-blog-awesome-now-with-11ty-2025-03-28" data-pagefind-ignore="" data-link-type="external">Check the speedometer on the brand new Blog Awesome (now with 11ty)</a> <p class="bundleitem-description">News and information from Font Awesome – the internet’s favorite icon set; mixed with musings and nerdery from the team behind it.</p> <p class="bundleitem-date">Mar 28, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/zach-leatherman/">Zach Leatherman (81 posts)</a> · <a href="https://blog.fontawesome.com/">Website</a> &amp; <a href="https://blog.fontawesome.com/feed/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/performance/">Performance</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/from-the-source/">From the Source</a></p> </div> <div class="bundleitem"> <a href="https://www.youtube.com/watch?v=OQJAX-Ce1YY" class="bundleitem-title" ID="tailscale-static-site-deployments-made-easy-with-github-actions-and-tailscale-2025-03-27" data-pagefind-ignore="" data-link-type="external">Static site deployments made easy with Github Actions and Tailscale</a> <p class="bundleitem-description">YouTube video</p> <p class="bundleitem-date">Mar 27, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/tailscale/">Tailscale (1 post)</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/youtube/">YouTube</a></p> </div> <div class="bundleitem"> <a href="https://sachachua.com/blog/2025/03/tweaking-my-11ty-blog-to-link-to-the-mastodon-post-defined-in-an-org-mode-property/" class="bundleitem-title" ID="sacha-chua-tweaking-my-11ty-blog-to-link-to-the-mastodon-post-defined-in-an-org-mode-property-2025-03-27" data-pagefind-ignore="" data-link-type="external">Tweaking my 11ty blog to link to the Mastodon post defined in an Org Mode property</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Mar 27, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/sacha-chua/">Sacha Chua (4 posts)</a> · <a href="https://sachachua.com/">Website</a> &amp; <a href="https://sachachua.com/blog/feed">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/front-matter/">Front Matter</a><a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/rss/">RSS</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a></p> </div> <div class="bundleitem"> <a href="https://w3things.com/blog/eleventy-passthrough-file-copy/" class="bundleitem-title" ID="danial-zahid-use-passthrough-file-copy-to-add-assets-2025-03-26" data-pagefind-ignore="" data-link-type="external">Use Passthrough File Copy to Add Assets</a> <p class="bundleitem-description">Learn how to use the Passthrough File Copy feature to add static assets like CSS and JS to the output directory in the Eleventy (11ty) site.</p> <p class="bundleitem-date">Mar 26, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/danial-zahid/">Danial Zahid (6 posts)</a> · <a href="https://w3things.com/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://www.simplethread.com/creating-a-journal-with-eleventy/" class="bundleitem-title" ID="austin-carr-creating-a-journal-with-eleventy-2025-03-25" data-pagefind-ignore="" data-link-type="external">Creating a Journal With Eleventy</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Mar 25, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/austin-carr/">Austin Carr (1 post)</a> · <a href="https://www.simplethread.com/">Website</a> &amp; <a href="https://www.simplethread.com/feed/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/collections/">Collections</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/dates/">Dates</a><a href="https://11tybundle.dev/categories/front-matter/">Front Matter</a><a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/layouts/">Layouts</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/pagination/">Pagination</a><a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://sachachua.com/blog/2025/03/on-this-day/" class="bundleitem-title" ID="sacha-chua-on-this-day-2025-03-23" data-pagefind-ignore="" data-link-type="external">On this day</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Mar 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/sacha-chua/">Sacha Chua (4 posts)</a> · <a href="https://sachachua.com/">Website</a> &amp; <a href="https://sachachua.com/blog/feed">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/dates/">Dates</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://equk.co.uk/2025/03/23/11ty-font-awesome-svg-plugin/" class="bundleitem-title" ID="equilibriumuk-11ty-font-awesome-svg-plugin-2025-03-23" data-pagefind-ignore="" data-link-type="external">11ty Font Awesome SVG Plugin</a> <p class="bundleitem-description">Using 11ty plugin for font awesome svg icons with no clientside javascript</p> <p class="bundleitem-date">Mar 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/equilibriumuk/">equilibriumuk (19 posts)</a> · <a href="https://equk.co.uk/">Website</a> &amp; <a href="https://equk.co.uk/atom.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> <div class="bundleitem"> <a href="https://blog.martin-haehnel.de/2025/03/23/mobile-nav/" class="bundleitem-title" ID="martin-haehnel-creating-a-navigation-menu-for-the-eleventy-base-blog-2025-03-23" data-pagefind-ignore="" data-link-type="external">Creating A Navigation Menu For the Eleventy Base Blog</a> <p class="bundleitem-description">Just a quick note on the fact that this blog now has a custom main navigation that can grow past the five or so items that…</p> <p class="bundleitem-date">Mar 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/martin-haehnel/">Martin Hähnel (14 posts)</a> · <a href="https://blog.martin-haehnel.de/">Website</a> &amp; <a href="https://blog.martin-haehnel.de/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/layouts/">Layouts</a><a href="https://11tybundle.dev/categories/navigation/">Navigation</a></p> </div> <div class="bundleitem"> <a href="https://codersblock.com/blog/announcing-wordpress-export-to-markdown-v3/" class="bundleitem-title" ID="will-boyd-announcing-wordpress-export-to-markdown-v3-2025-03-21" data-pagefind-ignore="" data-link-type="external">Announcing WordPress Export to Markdown v3</a> <p class="bundleitem-description">I’m happy to announce the release of WordPress Export to Markdown v3! With this milestone, I figured I’d take a moment to share some backstory and talk about...</p> <p class="bundleitem-date">Mar 21, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/will-boyd/">Will Boyd (1 post)</a> · <a href="https://codersblock.com/">Website</a> &amp; <a href="https://codersblock.com/rss.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a></p> </div> <div class="bundleitem"> <a href="https://www.zachleat.com/web/blog-awesome/" class="bundleitem-title" ID="zach-leatherman-11ty-meetup-blog-awesome-from-wordpress-to-eleventy-2025-03-20" data-pagefind-ignore="" data-link-type="external">11ty Meetup: Blog Awesome from WordPress to Eleventy</a> <p class="bundleitem-description">A post by Zach Leatherman (zachleat)</p> <p class="bundleitem-date">Mar 20, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/zach-leatherman/">Zach Leatherman (81 posts)</a> · <a href="https://www.zachleat.com/">Website</a> &amp; <a href="https://www.zachleat.com/follow/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/from-the-source/">From the Source</a></p> </div> <div class="bundleitem"> <a href="https://www.youtube.com/watch?v=yCT4vYKvAMM" class="bundleitem-title" ID="david-moll-umami-11ty-a-privacy-first-selfhosted-approach-to-web-analytics-2025-03-20" data-pagefind-ignore="" data-link-type="external">Umami + 11ty: A Privacy-First selfhosted approach to Web Analytics</a> <p class="bundleitem-description">YouTube video</p> <p class="bundleitem-date">Mar 20, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/david-moll/">David Moll (2 posts)</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/analytics/">Analytics</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/youtube/">YouTube</a></p> </div> <div class="bundleitem"> <a href="https://terminal.ahumanfuture.co/posts/2025-03-12/i-launched-this-little-blog-on-11ty-and-i-am-excited-about-it/" class="bundleitem-title" ID="thomas-rumbold-i-launched-this-little-blog-on-11ty-and-i-am-excited-about-it-2025-03-12" data-pagefind-ignore="" data-link-type="external">I launched this little blog on 11ty, and I am excited about it.</a> <p class="bundleitem-description">I put off building this website for over a year and then I whipped it together in 3 short evenings. I will, once again, of course, be learning no lessons about procrastination from this.</p> <p class="bundleitem-date">Mar 12, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/thomas-rumbold/">Thomas Rumbold (1 post)</a> · <a href="https://terminal.ahumanfuture.co/">Website</a> &amp; <a href="https://terminal.ahumanfuture.co/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://blog.chobble.com/blog/25-03-28-chobble-template/" class="bundleitem-title" ID="stefan-burke-introducing-the-chobble-template-2025-02-23" data-pagefind-ignore="" data-link-type="external">Introducing the &quot;Chobble Template&quot;</a> <p class="bundleitem-description">An Eleventy template you can use to build a site</p> <p class="bundleitem-date">Feb 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/stefan-burke/">Stefan Burke (4 posts)</a> · <a href="https://blog.chobble.com/">Website</a> &amp; <a href="https://blog.chobble.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a></p> </div> </div><p></p> <h2>Built with Eleventy</h2> <p>Here are the new sites to see. If you want to see more sites, check out the <a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a>.</p> <p></p><div class="bundlesites" data-pagefind-ignore="index"> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://arielsalminen.com/" data-link-type="external">Ariel Salminen</a></p> <p class="bundleitem-description">Hello, I’m Ariel Salminen, a Design Systems Architect from Helsinki, Finland with 20 years of...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://techcats.netlify.app/" data-link-type="external">TechCats</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://mijndertstuij.nl/" data-link-type="external">mijndertstuij.nl</a></p> <p class="bundleitem-description">Lead platform engineer. Runner. Minimalist.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://sightlessscribbles.com/" data-link-type="external">Sightless Scribbles</a></p> <p class="bundleitem-description">A fabulously gay blind author.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://joshthomas.dev/" data-link-type="external">Josh Thomas</a></p> <p class="bundleitem-description">The personal website of Josh Thomas.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://aubreysambor.com/" data-link-type="external">aubrey sambor</a></p> <p class="bundleitem-description">A blog about knitting, front end development, and other assorted things.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://my.stuffandthings.lol/" data-link-type="external">stuff&amp;things</a></p> <p class="bundleitem-description">Just some stuff about things.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://engaged.ca.gov/" data-link-type="external">Engaged California</a></p> <p class="bundleitem-description">Engaged California is an online platform that makes it easier for Californians to have a voice in...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.wordsbywes.ink/" data-link-type="external">Words by Wes</a></p> <p class="bundleitem-description">Academic, Technical, Nonfiction, and Business Editing</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://example.chobble.com/" data-link-type="external">Example Website</a></p> <p class="bundleitem-description">Example site for the Chobble template - an Eleventy site, built on Nix and hosted on Neocities or...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://blog.fontawesome.com/" data-link-type="external">Fontawesome Blog</a></p> <p class="bundleitem-description">News and information from Font Awesome – the internet’s favorite icon set; mixed with musings and...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://borsch.dev/" data-link-type="external">Borsch.Dev</a></p> <p class="bundleitem-description">Developer with solopreneur ambitions</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://loosethought.com/" data-link-type="external">Loose Thought</a></p> <p class="bundleitem-description">A visual notebook for figuring out complex ideas. Make sense of complex topics using a visual note...</p> </div></div><p></p> <div id="af-2025"> <h1>P.S. April Fools!</h1> </div> 2025-03-19T00:00:00Z https://11tybundle.dev/blog/11ty-bundle-69/

11ty Bundle Issue 69

<p><em>An email version of this blog is available. <strong><a href="https://11tybundle.dev/blog/11ty-bundle-69/#newsletter-subscribe">Subscribe here</a></strong>.</em></p> <hr /> <p><strong><em>A note from Bob:</em></strong></p> <p>Good news! Knee replacement surgery went well. Tomorrow will be the 2-week mark. I'm sleeping slightly better (and slightly is doing a lot of work there). The pain has reached a more manageable level and I've had a little time to keep the firehose operational. Thanks to all of you who reached out with well wishes. I really appreciate it.</p> <hr /> <p><strong>11ty meetup tomorrow.</strong> Tomorrow's Eleventy Meetup features <a href="https://davidmoll.net/">David Moll</a>, discussing <em>&quot;Umami + 11ty: A Privacy-First selfhosted approach to Web Analytics</em>&quot; and <a href="https://www.zachleat.com/">Zach Leatherman</a> discussing <em>&quot;Blog Awesome, from WordPress to 11ty — walkthrough the imminently shipping Font Awesome blog.&quot;</em> Check out the <a href="https://11tymeetup.dev/events/ep-22-umami-analytics-and-blog-awesome/">virtual event details</a>. I'll be there, possibly without bells.</p> <p><strong>Node JS profiling docs.</strong> New <a href="https://www.11ty.dev/docs/debug-performance/#node-js-profiling">in the docs</a> is some great info on performance profiling node.js, <em>&quot;The most reliable mechanism for tracking down performance issues in any Node.js based code is to use Node’s built-in CPU Profiling feature (Node v12+).&quot;</em></p> <p><strong>Key releases.</strong> Check out the <a href="https://11tybundle.dev/blog/11ty-bundle-69/#issue69-releases">releases section below</a>, there are performance improvements and bug fixes galore.</p> <p><strong>Retaining optimized images across builds.</strong> <a href="https://syntackle.com/">Murtuzaali Surti</a> shows how to maintain optimized images across build in the <code>.cache</code> folder. This is a great build-time performance booster as unchanged images need not be re-optimized. <a href="https://syntackle.com/blog/eleventy-image-html-transform-plugin-disk-cache/">Check it out</a>.</p> <p>Until next time...</p> <hr /> <div id="issue69-releases"></div> <h2>Recent releases</h2> <p></p><div class="bundlereleases" data-pagefind-ignore="index"><p></p> <p></p><div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-fetch/releases/tag/v5.1.0-beta.1" data-link-type="external">Eleventy Fetch v5.1.0-beta.1</a></p> <p class="bundleitem-description">Utility to cache any remote asset: Image, Video, Web Font, CSS, JSON, etc - Release Eleventy Fetch...</p> <p class="bundleitem-dateline">Mar 17, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v3.0.1-alpha.5" data-link-type="external">Eleventy v3.0.1-alpha.5</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">Mar 14, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-dev-server/releases/tag/v2.0.7" data-link-type="external">Eleventy Dev Server v2.0.7</a></p> <p class="bundleitem-description">A minimal generic web-development web server. Contribute to 11ty/eleventy-dev-server development by...</p> <p class="bundleitem-dateline">Mar 14, 2025</p> </div></div><p></p> <h2>Posts from around the web</h2> <p></p><div class="bundleposts" data-pagefind-ignore="index"> <div class="bundleitem"> <a href="https://troz.net/post/2025/eleventy/" class="bundleitem-title" ID="sarah-reichelt-moving-to-eleventy-2025-03-19" data-pagefind-ignore="" data-link-type="external">Moving to Eleventy</a> <p class="bundleitem-description">Crazy Mac lady. Mac author &amp; developer. Lover of Apple computers and devices. Swift &amp; SwiftUI enthusiast. Unofficial Mac app dev evangelist</p> <p class="bundleitem-date">Mar 19, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/sarah-reichelt/">Sarah Reichelt (1 post)</a> · <a href="https://troz.net/">Website</a> &amp; <a href="https://troz.net/index.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/performance/">Performance</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://ryan.himmelwright.net/post/added-uses-page-archive/" class="bundleitem-title" ID="ryan-himmelwright-added-a-uses-page-archive-2025-03-16" data-pagefind-ignore="" data-link-type="external">Added a 'uses' Page Archive</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Mar 16, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/ryan-himmelwright/">Ryan Himmelwright (1 post)</a> · <a href="https://ryan.himmelwright.net/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/collections/">Collections</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/dates/">Dates</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://bkardell.com/blog/11tyMath.html" class="bundleitem-title" ID="brian-kardell-11ty-math-2025-03-12" data-pagefind-ignore="" data-link-type="external">11ty Math</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Mar 12, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/brian-kardell/">Brian Kardell (1 post)</a> · <a href="https://bkardell.com/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a></p> </div> <div class="bundleitem"> <a href="https://hamatti.org/posts/list-blog-posts-grouped-by-year-with-eleventy/" class="bundleitem-title" ID="juha-matti-santala-list-blog-posts-grouped-by-year-with-eleventy-2025-03-08" data-pagefind-ignore="" data-link-type="external">List blog posts grouped by year with Eleventy</a> <p class="bundleitem-description">A short guide on how to display blog posts grouped by year for a blog listing page in Eleventy using Nunjucks templating.</p> <p class="bundleitem-date">Mar 8, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/juha-matti-santala/">Juha-Matti Santala (22 posts)</a> · <a href="https://hamatti.org/">Website</a> &amp; <a href="https://hamatti.org/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/collections/">Collections</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/dates/">Dates</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://syntackle.com/blog/eleventy-image-html-transform-plugin-disk-cache/" class="bundleitem-title" ID="murtuzaali-surti-eleventys-image-plugin-disk-caching-approach-for-html-transform-method-2025-03-08" data-pagefind-ignore="" data-link-type="external">Eleventy's Image Plugin Disk Caching Approach For HTML Transform Method</a> <p class="bundleitem-description">In this guide, I'll walk you through an approach of utilizing disk cache while using the HTML transform method of the eleventy image plugin. Disk cache is a persistent cache which allows you to not re-optimize every single image at every single build. However, there are some caveats which I ran </p> <p class="bundleitem-date">Mar 8, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/murtuzaali-surti/">Murtuzaali Surti (5 posts)</a> · <a href="https://syntackle.com/">Website</a> &amp; <a href="https://syntackle.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/performance/">Performance</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> <div class="bundleitem"> <a href="https://32x33.institute/host-your-stuff-part-vi/" class="bundleitem-title" ID="scarlett-cavendish-host-your-stuff-2025-03-06" data-pagefind-ignore="" data-link-type="external">Host Your Stuff</a> <p class="bundleitem-description">Let's make a blog!</p> <p class="bundleitem-date">Mar 6, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/scarlett-cavendish/">Scarlett Cavendish (1 post)</a> · <a href="https://32x33.institute/">Website</a> &amp; <a href="https://32x33.institute/rss/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/front-matter/">Front Matter</a><a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a><a href="https://11tybundle.dev/categories/navigation/">Navigation</a></p> </div> <div class="bundleitem"> <a href="https://www.coryd.dev/posts/2025/generating-absolute-urls-in-my-rss-feeds" class="bundleitem-title" ID="cory-dransfeldt-generating-absolute-urls-in-my-rss-feed-s-2025-03-05" data-pagefind-ignore="" data-link-type="external">Generating absolute URLs in my RSS feed(s)</a> <p class="bundleitem-description">My RSS feeds are generated by <a href="https://www.11ty.dev/">11ty</a> at build time from a <a href="https://liquidjs.com/">Liquid.js</a> template. When I wrote posts and link elsewhere on my site I use a bookmarklet to capture the URI for linking. To ensure I have absolute URLs in my feeds, I use a filter to convert said </p> <p class="bundleitem-date">Mar 5, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/cory-dransfeldt/">Cory Dransfeldt (46 posts)</a> · <a href="https://www.coryd.dev/">Website</a> &amp; <a href="https://www.coryd.dev/feeds/posts.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/rss/">RSS</a></p> </div> <div class="bundleitem"> <a href="https://ryankilleen.com/blog/2025/linking-node-packages/" class="bundleitem-title" ID="ryan-killeen-linking-local-node-packages-for-development-in-pnpm-2025-03-05" data-pagefind-ignore="" data-link-type="external">Linking local node packages for development in PNPM</a> <p class="bundleitem-description">A personal blog documenting webdev, life with ADHD, home cooking, self-hosting, and much more</p> <p class="bundleitem-date">Mar 5, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/ryan-killeen/">Ryan Killeen (1 post)</a> · <a href="https://ryankilleen.com/">Website</a> &amp; <a href="https://ryankilleen.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/rss/">RSS</a></p> </div> <div class="bundleitem"> <a href="https://sandtoken.com/writing/password-protecting-eleventy-pages/" class="bundleitem-title" ID="cody-sand-adding-password-protection-to-11ty-pages-using-pagecrypt-2024-11-12" data-pagefind-ignore="" data-link-type="external">Adding Password Protection to 11ty Pages Using PageCrypt</a> <p class="bundleitem-description">When building static sites with Eleventy (11ty), you might occasionally need to password-protect certain pages. While static sites don't have built-in authentication mechanisms, we can implement client-side encryption using PageCrypt, a lightweight JavaScript solution that encrypts HTML content </p> <p class="bundleitem-date">Nov 12, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/cody-sand/">Cody Sand (1 post)</a> · <a href="https://sandtoken.com/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> </div><p></p> <h2>Built with Eleventy</h2> <p>Here are the new sites to see. If you want to see more sites, check out the <a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a>.</p> <p></p><div class="bundlesites" data-pagefind-ignore="index"> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://cloudcannon.com/" data-link-type="external">cloudcannon</a></p> <p class="bundleitem-description">CloudCannon: Visual editing CMS for teams at scale. Git-powered static site management with no...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://foxdog.blog/" data-link-type="external">Fox/Dog</a></p> <p class="bundleitem-description">Thoughts of an Internet Folf, into electronics, software, radio and more</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://sivyour.dev/" data-link-type="external">Edward Sivyour</a></p> <p class="bundleitem-description">Personal Website of Edward Sivyour, Web Developer</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://18f.org/guides/" data-link-type="external">18F Guides</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://ryankilleen.com/" data-link-type="external">Ryan Killeen </a></p> <p class="bundleitem-description">A personal blog documenting webdev, life with ADHD, home cooking, self-hosting, and much more</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://design-guide.publishing.service.gov.uk/" data-link-type="external">GOV.UK Publishing Design Guide</a></p> <p class="bundleitem-description">The GOV.UK Publishing Design Guide is an extension of the GOV.UK Design System, aimed at people...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://eimearsweeney.com/" data-link-type="external">Eimear Sweeney Coaching</a></p> <p class="bundleitem-description">I bring a warm, empathetic, and challenging coaching style, creating a safe, co-creative space for...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://terminal.ahumanfuture.co/" data-link-type="external">Terminal</a></p> <p class="bundleitem-description">Hello! 👋🏻 This is a website of Thomas Rumbold, a London-based creative, programmer &amp;amp; citizen....</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://ncartmeets.com/" data-link-type="external">NC Art Meets</a></p> <p class="bundleitem-description">Your source for live figure drawing, urban sketching, plein air and other drawing or painting from...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://performanceobserver.dev/" data-link-type="external">PerformanceObserver</a></p> <p class="bundleitem-description">Join the PerformanceObserver virtual performance meetup to get all the latest web performance news...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://byggorebro.se/" data-link-type="external">Bygg Örebro</a></p> <p class="bundleitem-description">Söker du byggföretag i Örebro? Bygg Örebro hjälper dig hitta pålitliga hantverkare för renovering,...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://raphaellekerbrat.com/" data-link-type="external">RhasphhaseLLe Kerbrhast</a></p> <p class="bundleitem-description">Découvrez le site de l’artiste et chercheuse Raphaëlle Kerbrat, dont le travail tisse un dialogue...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://carteakey.dev/" data-link-type="external">Kartikey Chauhan</a></p> <p class="bundleitem-description">Data Science, Python, SQL, Linux</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://isaure.maurel.gd/" data-link-type="external">ISAURE MAUREL</a></p> <p class="bundleitem-description">Portfolio d&amp;#39;une game designer junior</p> </div></div><p></p> 2025-03-04T00:00:00Z https://11tybundle.dev/blog/11ty-bundle-68/

11ty Bundle Issue 68

<p><em>An email version of this blog is available. <strong><a href="https://11tybundle.dev/blog/11ty-bundle-68/#newsletter-subscribe">Subscribe here</a></strong>.</em></p> <hr /> <p><strong><em>A note from Bob:</em></strong></p> <p>I'm in a slightly elevated state of anxiety at the moment. I'm having my second knee replacement on March 6th and my wife just received a breast cancer diagnosis, which thankfully, was caught early. We're coping well and doing our best to keep our spirits up (notwithstanding the <em>total clusterfuck</em> that is the US presidency). I'm not sure how much I'll be able to do in the next few weeks. I'll do my best to keep adding posts, releases and sites, but I may take a break from these blog posts. I'll keep you posted. The best way to keep up with the posts is by subscribing to the <a href="https://11tybundle.dev/firehosefeed.xml">Firehose RSS feed</a>. There's also an <a href="https://11tybundle.dev/releasefeed.xml">RSS feed for releases</a>.</p> <hr /> <p><strong>Color from images.</strong> Zach created a new plugin, called <a href="https://github.com/11ty/image-color?tab=readme-ov-file#11tyimage-color">image-color</a> that extracts color information from images. Here's <a href="https://www.zachleat.com/web/extract-colors/">his blog post</a> about it. It looks pretty cool and it's got me thinking of an idea on how I might use it.</p> <p><strong>Cache optimized images.</strong> And while this is something that I thought happened automagically when using the image transform, it turns out that you can have your optimized images placed into the <code>.cache</code> folder which is great, particularly when using a deployment host like Netlify or Cloudflare (and perhaps others) that respect the <code>.cache</code> folder between builds. Those optimied images can then be automatically copied to your output folder post-build. This should shave significant time off your builds, particularly for image heavy sites. Here's a Gitub issue that <a href="https://github.com/11ty/eleventy-img/issues/285">explains it</a>.</p> <p><strong>A post to match the Meetup.</strong> At our recent Eleventy meetup, <a href="https://sia.codes/">Sia</a> had presented <a href="https://www.youtube.com/watch?v=o13Yfgzne88">Using 11ty to build a data and chart analytics website</a> (video). She has since followed that up with a blog post covering similar ground, titled <a href="https://sia.codes/posts/how-i-built-theme-vitals/">How I built Shopify Theme Vitals using 11ty and CrUX</a>. If you want to build a rich, data-driven site, there are learnings here.</p> <p><strong>New categories.</strong> I've created two new categories on this site, one for <a href="https://11tybundle.dev/categories/notion/">Notion</a> and one for <a href="https://11tybundle.dev/categories/obsidian/">Obsidian</a>. There seemed to be enough content to make these useful. So now when you do a search on either of these terms, you get right to the category, rather than get a rather repetitive list of posts. I hope you find this useful.</p> <p><strong>Nice new sites.</strong> Among the new sites in this issue, I wanted hightlight a few that caught my eye: <a href="https://www.orsymphony.org/">Oregon Symphony Association</a>, <a href="https://tracker.greenweb.org/">Green Web Tracker</a>, and <a href="https://designsystem.webstandards.ca.gov/">State of California Design System</a>, and <a href="https://damianwalsh.co.uk/">Damian Walsh's personal site</a>.</p> <p>Until next time...</p> <hr /> <h2>Recent releases</h2> <p></p><div class="bundlereleases" data-pagefind-ignore="index"><p></p> <p></p><div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/image-color" data-link-type="external">@11ty/image-color</a></p> <p class="bundleitem-description">Small utility to efficiently fetch the colors from an image. - 11ty/image-color</p> <p class="bundleitem-dateline">Feb 27, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-import/releases/tag/v1.0.14" data-link-type="external">Eleventy Import v1.0.14</a></p> <p class="bundleitem-description">Utility to import content from multiple services (and a CLI, too) - Release Eleventy Import v1.0.14...</p> <p class="bundleitem-dateline">Feb 21, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-import/releases/tag/v1.0.13" data-link-type="external">Eleventy Import v1.0.13</a></p> <p class="bundleitem-description">Utility to import content from multiple services (and a CLI, too) - Release Eleventy Import v1.0.13...</p> <p class="bundleitem-dateline">Feb 20, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-font-awesome/releases/tag/v1.0.0-beta.8" data-link-type="external">Eleventy Font Awesome v1.0.0-beta.8</a></p> <p class="bundleitem-description">Optimized per-page tree-shaken SVG spritesheets for Eleventy with Font Awesome icons. - Release...</p> <p class="bundleitem-dateline">Feb 19, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-font-awesome/releases/tag/v1.0.0-beta.9" data-link-type="external">Eleventy Font Awesome v1.0.0-beta.9</a></p> <p class="bundleitem-description">Optimized per-page tree-shaken SVG spritesheets for Eleventy with Font Awesome icons. - Release...</p> <p class="bundleitem-dateline">Feb 19, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-font-awesome/releases/tag/v1.0.0-beta.10" data-link-type="external">Eleventy Font Awesome v1.0.0-beta.10</a></p> <p class="bundleitem-description">Optimized per-page tree-shaken SVG spritesheets for Eleventy with Font Awesome icons. - Release...</p> <p class="bundleitem-dateline">Feb 19, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/is-land/releases/tag/v5.0.0-beta.4" data-link-type="external">is-land v5.0.0-beta.4</a></p> <p class="bundleitem-description">A new performance-focused way to add interactive client-side components to your web site. - Release...</p> <p class="bundleitem-dateline">Feb 18, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-font-awesome/releases/tag/v1.0.0-beta.7" data-link-type="external">Eleventy Font Awesome v1.0.0-beta.7</a></p> <p class="bundleitem-description">Optimized per-page tree-shaken SVG spritesheets for Eleventy with Font Awesome icons. - Release...</p> <p class="bundleitem-dateline">Feb 18, 2025</p> </div></div><p></p> <h2>Posts from around the web</h2> <p></p><div class="bundleposts" data-pagefind-ignore="index"> <div class="bundleitem"> <a href="https://www.zachleat.com/web/extract-colors/" class="bundleitem-title" ID="zach-leatherman-extract-colors-from-an-image-for-css-themes-2025-02-27" data-pagefind-ignore="" data-link-type="external">Extract Colors from an Image for CSS Themes</a> <p class="bundleitem-description">A post by Zach Leatherman (zachleat)</p> <p class="bundleitem-date">Feb 27, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/zach-leatherman/">Zach Leatherman (81 posts)</a> · <a href="https://www.zachleat.com/">Website</a> &amp; <a href="https://www.zachleat.com/follow/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/from-the-source/">From the Source</a></p> </div> <div class="bundleitem"> <a href="https://sia.codes/posts/how-i-built-theme-vitals/" class="bundleitem-title" ID="sia-karamalegos-how-i-built-shopify-theme-vitals-using-11ty-and-crux-2025-02-26" data-pagefind-ignore="" data-link-type="external">How I Built Shopify Theme Vitals using 11ty and CrUX</a> <p class="bundleitem-description">Building a site that shows real-user web performance data by Shopify theme using HTTP Archive, the Chrome User Experience Report, BigQuery, Node, and 11ty</p> <p class="bundleitem-date">Feb 26, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/sia-karamalegos/">Sia Karamalegos (13 posts)</a> · <a href="https://sia.codes/">Website</a> &amp; <a href="https://sia.codes/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/performance/">Performance</a></p> </div> <div class="bundleitem"> <a href="https://equk.co.uk/2025/02/24/11ty-obsidian-and-github-style-alert-blocks/" class="bundleitem-title" ID="equilibriumuk-11ty-obsidian-and-github-style-alert-blocks-2025-02-25" data-pagefind-ignore="" data-link-type="external">11ty Obsidian &amp; Github Style Alert Blocks</a> <p class="bundleitem-description">Adding Obsidian &amp; Github Style Alert / Callout Blocks Using 11ty and markdown-it Plugins</p> <p class="bundleitem-date">Feb 25, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/equilibriumuk/">equilibriumuk (19 posts)</a> · <a href="https://equk.co.uk/">Website</a> &amp; <a href="https://equk.co.uk/atom.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/obsidian/">Obsidian</a></p> </div> <div class="bundleitem"> <a href="https://equk.co.uk/2025/02/25/11ty-markdown-external-links-plugin/" class="bundleitem-title" ID="equilibriumuk-11ty-markdown-external-links-plugin-2025-02-25" data-pagefind-ignore="" data-link-type="external">11ty Markdown External Links Plugin</a> <p class="bundleitem-description">Setting target _blank and rel noopener noreferrer to external links using markdown-it + 11ty</p> <p class="bundleitem-date">Feb 25, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/equilibriumuk/">equilibriumuk (19 posts)</a> · <a href="https://equk.co.uk/">Website</a> &amp; <a href="https://equk.co.uk/atom.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a></p> </div> <div class="bundleitem"> <a href="https://damianwalsh.co.uk/posts/creating-connections-with-music-and-technology/" class="bundleitem-title" ID="damian-walsh-building-a-personal-digital-music-library-with-eleventy-and-apis-2025-02-25" data-pagefind-ignore="" data-link-type="external">Building a personal digital music library with Eleventy and APIs</a> <p class="bundleitem-description">Building a personal digital music library with Eleventy and APIs</p> <p class="bundleitem-date">Feb 25, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/damian-walsh/">Damian Walsh (3 posts)</a> · <a href="https://damianwalsh.co.uk/">Website</a> &amp; <a href="https://damianwalsh.co.uk/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/collections/">Collections</a><a href="https://11tybundle.dev/categories/data-cascade/">Data Cascade</a><a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/pagination/">Pagination</a><a href="https://11tybundle.dev/categories/remote-data/">Remote Data</a></p> </div> <div class="bundleitem"> <a href="https://www.adamdjbrett.com/blog/2025-02-23-get-tufte/" class="bundleitem-title" ID="adam-dj-brett-embracing-tufte-s-design-principles-in-my-new-11ty-starter-2025-02-23" data-pagefind-ignore="" data-link-type="external">Embracing Tufte’s Design Principles in My New 11ty Starter</a> <p class="bundleitem-description">Adam DJ Brett Web Developer</p> <p class="bundleitem-date">Feb 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/adam-dj-brett/">Adam DJ Brett (10 posts)</a> · <a href="https://www.adamdjbrett.com/">Website</a> &amp; <a href="https://www.adamdjbrett.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a></p> </div> <div class="bundleitem"> <a href="https://www.adamdjbrett.com/blog/2025-02-22-brutalism-eleventy-web-design/" class="bundleitem-title" ID="adam-dj-brett-my-neo-brutalism-11ty-web-design-experiments-2025-02-23" data-pagefind-ignore="" data-link-type="external">My (Neo)Brutalism 11ty Web Design Experiments</a> <p class="bundleitem-description">Adam DJ Brett Web Developer</p> <p class="bundleitem-date">Feb 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/adam-dj-brett/">Adam DJ Brett (10 posts)</a> · <a href="https://www.adamdjbrett.com/">Website</a> &amp; <a href="https://www.adamdjbrett.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a></p> </div> <div class="bundleitem"> <a href="https://zmknox.com/2025/02/welcome-to-my-new-new-website/" class="bundleitem-title" ID="zmknox-welcome-to-my-new-new-website-2025-02-22" data-pagefind-ignore="" data-link-type="external">Welcome to my new new website!</a> <p class="bundleitem-description">Hello and welcome to my <em>NEW</em> new website. If everything goes well, it should look almost exactly the same[^1].Around nine years ago, I set this website up with <a href="https://jekyllrb.com/">Jekyll</a> and <a href="https://pages.github.com/">GitHub Pages</a>. Since the...</p> <p class="bundleitem-date">Feb 22, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/zmknox/">zmknox (1 post)</a> · <a href="https://zmknox.com/">Website</a> &amp; <a href="https://zmknox.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://www.adamdjbrett.com/blog/2025-02-21-my-tiny-11ty-sites/" class="bundleitem-title" ID="adam-dj-brett-my-tiny-eleventy-11ty-sites-2025-02-21" data-pagefind-ignore="" data-link-type="external">My Tiny Eleventy (11ty) Sites</a> <p class="bundleitem-description">Adam DJ Brett Web Developer</p> <p class="bundleitem-date">Feb 21, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/adam-dj-brett/">Adam DJ Brett (10 posts)</a> · <a href="https://www.adamdjbrett.com/">Website</a> &amp; <a href="https://www.adamdjbrett.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a></p> </div> <div class="bundleitem"> <a href="https://helenchong.dev/blog/posts/2025-02-19-copy-code-button/" class="bundleitem-title" ID="helen-chong-adding-a-button-to-copy-code-snippets-2025-02-19" data-pagefind-ignore="" data-link-type="external">Adding a Button to Copy Code Snippets</a> <p class="bundleitem-description">How I added a button to copy code snippets to my website with JavaScript.</p> <p class="bundleitem-date">Feb 19, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/helen-chong/">Helen Chong (7 posts)</a> · <a href="https://helenchong.dev/">Website</a> &amp; <a href="https://helenchong.dev/blog/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/accessibility/">Accessibility</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://deajae.co.uk/posts/decapcms-with-11ty/" class="bundleitem-title" ID="deajae-decapcms-with-11ty-2025-02-18" data-pagefind-ignore="" data-link-type="external">DecapCMS with 11ty</a> <p class="bundleitem-description">Personal site for a coffee addicted geek</p> <p class="bundleitem-date">Feb 18, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/deajae/">DeaJae (2 posts)</a> · <a href="https://deajae.co.uk/">Website</a> &amp; <a href="https://deajae.co.uk/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://deajae.co.uk/posts/WordPress-to-11ty/" class="bundleitem-title" ID="deajae-wordpress-to-11ty-2025-02-01" data-pagefind-ignore="" data-link-type="external">WordPress to 11ty</a> <p class="bundleitem-description">Personal site for a coffee addicted geek</p> <p class="bundleitem-date">Feb 1, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/deajae/">DeaJae (2 posts)</a> · <a href="https://deajae.co.uk/">Website</a> &amp; <a href="https://deajae.co.uk/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a></p> </div> <div class="bundleitem"> <a href="https://www.youtube.com/watch?v=STOvNBFQjnc" class="bundleitem-title" ID="schalk-neethling-getting-started-with-11ty-minimalist-and-calavera-2025-02-01" data-pagefind-ignore="" data-link-type="external">Getting Started with 11ty, Minimalist, and Calavera</a> <p class="bundleitem-description">YouTube video</p> <p class="bundleitem-date">Feb 1, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/schalk-neethling/">Schalk Neethling (1 post)</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a><a href="https://11tybundle.dev/categories/youtube/">YouTube</a></p> </div> <div class="bundleitem"> <a href="https://www.spencerharston.com/posts/2025/managing-my-books-data/" class="bundleitem-title" ID="spencer-harston-managing-my-books-data-2025-01-31" data-pagefind-ignore="" data-link-type="external">Managing My Books Data</a> <p class="bundleitem-description">Why do something manually (that takes a few seconds to do), when a script (created over the course of several hours) can do it for you?</p> <p class="bundleitem-date">Jan 31, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/spencer-harston/">Spencer Harston (2 posts)</a> · <a href="https://www.spencerharston.com/">Website</a> &amp; <a href="https://www.spencerharston.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/books-pages/">Books Pages</a><a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://www.spencerharston.com/posts/2025/creating-a-books-page/" class="bundleitem-title" ID="spencer-harston-creating-a-books-page-2025-01-25" data-pagefind-ignore="" data-link-type="external">Creating a Books Page</a> <p class="bundleitem-description">How and why I decided to create a Books page to keep track of my reading.</p> <p class="bundleitem-date">Jan 25, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/spencer-harston/">Spencer Harston (2 posts)</a> · <a href="https://www.spencerharston.com/">Website</a> &amp; <a href="https://www.spencerharston.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/books-pages/">Books Pages</a><a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://cthonicstudios.com/11ty-and-obsidian-template-for-solo-play/" class="bundleitem-title" ID="alex-ward-11ty-and-obsidian-template-for-solo-play-2024-06-12" data-pagefind-ignore="" data-link-type="external">11ty and Obsidian Template for Solo Play</a> <p class="bundleitem-description">A quick intro to pushing out your own solo ttrpg recap website.</p> <p class="bundleitem-date">Jun 12, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/alex-ward/">Alex Ward (4 posts)</a> · <a href="https://cthonicstudios.com/">Website</a> &amp; <a href="https://cthonicstudios.com/rss/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/obsidian/">Obsidian</a></p> </div> </div><p></p> <h2>Built with Eleventy</h2> <p>Here are the new sites to see. If you want to see more sites, check out the <a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a>.</p> <p></p><div class="bundlesites" data-pagefind-ignore="index"> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://lakeback.org/" data-link-type="external">Return Maple Bay</a></p> <p class="bundleitem-description">Heal the Reciprocal Relationship Between the Lake and Onondaga Nation #Lakeback</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://begrant.io/" data-link-type="external">Be Grant</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://indiagrant.com/" data-link-type="external">India Grant</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://lukewarlow.dev/" data-link-type="external">Luke Warlow</a></p> <p class="bundleitem-description">Luke Warlow&amp;#39;s portfolio site</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.orsymphony.org/" data-link-type="external">Oregon Symphony</a></p> <p class="bundleitem-description">Your official source for Oregon Symphony Tickets. Explore the Oregon Symphony located in Portland...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://liamsteckler.com/" data-link-type="external">Liam Steckler</a></p> <p class="bundleitem-description">Systems Administrator and Freelance Theatre Audio Engineer and Designer. I think trains, public...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://fossgaming.codeberg.page/" data-link-type="external">FOSS Gaming</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://zmknox.com/" data-link-type="external">zmknox</a></p> <p class="bundleitem-description">The website of a person who likes computers.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://saulcorona.com/" data-link-type="external">Saúl Corona</a></p> <p class="bundleitem-description">Software Engineer with over 5 years of experience in the tech industry.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://chobble.com/" data-link-type="external">Chobble</a></p> <p class="bundleitem-description">Prestwich web developer building open source apps and websites with no lock-in - Ruby on Rails,...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://renegade-solar.co.uk/" data-link-type="external">Renegade Solar</a></p> <p class="bundleitem-description">Renegade Solar - Expert solar PV and battery storage installation with 9.96/10 Checkatrade rating...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://noktorum.com/" data-link-type="external">Noktorum</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://liz.hoeser.dev/" data-link-type="external">Liz Höser</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://designsystem.webstandards.ca.gov/" data-link-type="external">State of California Design System</a></p> <p class="bundleitem-description">This system makes it easy to build digital services that meet the needs of Californians.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://tracker.greenweb.org/" data-link-type="external">Green Web Tracker</a></p> <p class="bundleitem-description">Tracking the progress of the internet towards 100% fossil free hosting. Updated every two weeks.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://formbycounselling.co.uk/" data-link-type="external">Formby Counseling</a></p> <p class="bundleitem-description">I&amp;#39;m Alison Keen and I help people through psychotherapy.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://instagram.lynnandtonic.com/" data-link-type="external">Lynn Fisher's Instagram Archive</a></p> <p class="bundleitem-description">A bunch of photos that were once on Instagram.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://troz.net/" data-link-type="external">TrozWare</a></p> <p class="bundleitem-description">Crazy Mac lady. Mac author &amp;amp; developer. Lover of Apple computers and devices. Swift &amp;amp;...</p> </div></div><p></p> 2025-02-18T00:00:00Z https://11tybundle.dev/blog/11ty-bundle-67/

11ty Bundle Issue 67

<p><em>An email version of this blog is available. <strong><a href="https://11tybundle.dev/blog/11ty-bundle-67/#newsletter-subscribe">Subscribe here</a></strong>.</em></p> <hr /> <p><strong><em>A note from Bob:</em></strong></p> <p>Family health matters are keeping my summary below rather short this issue. There's a lot in this issue, so scan on down below for the goodies.</p> <hr /> <p><strong>We Meetup'd.</strong> The Eleventy Meetup was a success. <a href="https://sia.codes/">Sia Karamalegos</a> showed us how to use 11ty to <a href="https://www.youtube.com/watch?v=o13Yfgzne88">build a data and chart analytics website</a>. And I showed <a href="https://bobmonsour.com/notes/11ty-meetup-how-i-built-my-books-page/">how I built my Books page</a>. Those links go to the recording of Sia's talk and my blog post, respectively. You can see all of the meetup's recordings on the <a href="https://www.youtube.com/@THEEleventyMeetup">Eleventy Meetup YouTube channel</a>.</p> <p>Until next time...</p> <hr /> <h2>Recent releases</h2> <p></p><div class="bundlereleases" data-pagefind-ignore="index"><p></p> <p></p><div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/is-land/releases/tag/v4.0.1" data-link-type="external">is-land v4.0.1</a></p> <p class="bundleitem-description">A new performance-focused way to add interactive client-side components to your web site. - Release...</p> <p class="bundleitem-dateline">Feb 14, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/is-land/releases/tag/v5.0.0-beta.3" data-link-type="external">is-land v5.0.0-beta.3</a></p> <p class="bundleitem-description">A new performance-focused way to add interactive client-side components to your web site. - Release...</p> <p class="bundleitem-dateline">Feb 14, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/is-land/releases/tag/v5.0.0-beta.2" data-link-type="external">is-land v5.0.0-beta.2</a></p> <p class="bundleitem-description">A new performance-focused way to add interactive client-side components to your web site. - Release...</p> <p class="bundleitem-dateline">Feb 13, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-import/releases/tag/v1.0.12" data-link-type="external">Eleventy Import v1.0.12</a></p> <p class="bundleitem-description">Utility to import content from multiple services (and a CLI, too) - Release Eleventy Import v1.0.12...</p> <p class="bundleitem-dateline">Feb 5, 2025</p> </div></div><p></p> <h2>Posts from around the web</h2> <p></p><div class="bundleposts" data-pagefind-ignore="index"> <div class="bundleitem"> <a href="https://blog.chobble.com/blog/25-02-16-template-for-eleventy-site-with-nix/" class="bundleitem-title" ID="stefan-burke-i-made-an-eleventy-and-nix-static-site-template-2025-02-16" data-pagefind-ignore="" data-link-type="external">I made an Eleventy &amp; Nix static site template</a> <p class="bundleitem-description">Clone my repository to get an Eleventy site built on NixOS quick sharp</p> <p class="bundleitem-date">Feb 16, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/stefan-burke/">Stefan Burke (4 posts)</a> · <a href="https://blog.chobble.com/">Website</a> &amp; <a href="https://blog.chobble.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://blog.martin-haehnel.de/2025/02/15/eleventy-change-permalinks/" class="bundleitem-title" ID="martin-haehnel-how-to-remove-a-folder-from-the-generated-permalinks-in-eleventy-2025-02-15" data-pagefind-ignore="" data-link-type="external">How To Remove A Folder From The Generated Permalinks In Eleventy</a> <p class="bundleitem-description">When I moved to Eleventy with this blog, I made the &quot;mistake&quot; to organize my blogposts into a subdirectory called blog. In…</p> <p class="bundleitem-date">Feb 15, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/martin-haehnel/">Martin Hähnel (14 posts)</a> · <a href="https://blog.martin-haehnel.de/">Website</a> &amp; <a href="https://blog.martin-haehnel.de/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/permalinks/">Permalinks</a></p> </div> <div class="bundleitem"> <a href="https://eleventy-plugin-podcaster.com/2025/02/displaying-information-about-an-episode/" class="bundleitem-title" ID="nathan-bottomley-presenting-an-episode-on-your-site-2025-02-15" data-pagefind-ignore="" data-link-type="external">Presenting an episode on your site</a> <p class="bundleitem-description">Documentation website for eleventy-plugin-podcaster.</p> <p class="bundleitem-date">Feb 15, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/nathan-bottomley/">Nathan Bottomley (2 posts)</a> · <a href="https://eleventy-plugin-podcaster.com/">Website</a> &amp; <a href="https://eleventy-plugin-podcaster.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/front-matter/">Front Matter</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/nunjucks-macros/">Nunjucks/Macros</a></p> </div> <div class="bundleitem"> <a href="https://deepakness.com/blog/better-youtube-embed/" class="bundleitem-title" ID="deepakness-better-youtube-embeds-77-faster-2025-02-14" data-pagefind-ignore="" data-link-type="external">Better YouTube Embeds ~77% Faster</a> <p class="bundleitem-description">YouTube videos were significantly slowing down posts, so discovered this better technique.</p> <p class="bundleitem-date">Feb 14, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/deepakness/">DeepakNess (4 posts)</a> · <a href="https://deepakness.com/">Website</a> &amp; <a href="https://deepakness.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/youtube/">YouTube</a></p> </div> <div class="bundleitem"> <a href="https://jeremias.codes/2025/02/markdown-filters-eleventy/" class="bundleitem-title" ID="jeremias-menichelli-the-markdown-filters-your-eleventy-project-needs-2025-02-14" data-pagefind-ignore="" data-link-type="external">The markdown filters your Eleventy project needs</a> <p class="bundleitem-description">Migrating from my old Jekyll site to Eleventy meant two things, I lost a lot of out-of-the-box helpers, but at the same time gained the flexibility to extend any part of my site build pipeline via JavaScript.</p> <p class="bundleitem-date">Feb 14, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jeremias-menichelli/">Jeremias Menichelli (1 post)</a> · <a href="https://jeremias.codes/">Website</a> &amp; <a href="https://jeremias.codes/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a></p> </div> <div class="bundleitem"> <a href="https://ttntm.me/blog/implementing-webmentions/" class="bundleitem-title" ID="tom-doe-implementing-webmentions-2025-02-13" data-pagefind-ignore="" data-link-type="external">Implementing Webmentions</a> <p class="bundleitem-description">Some notes about implementing webmentions for my website.</p> <p class="bundleitem-date">Feb 13, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/tom-doe/">Tom Doe (10 posts)</a> · <a href="https://ttntm.me/">Website</a> &amp; <a href="https://ttntm.me/blog/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/remote-data/">Remote Data</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a><a href="https://11tybundle.dev/categories/webmentions/">Webmentions</a></p> </div> <div class="bundleitem"> <a href="https://www.coryd.dev/posts/2025/dynamic-pages-with-php-and-11ty" class="bundleitem-title" ID="cory-dransfeldt-dynamic-pages-with-php-and-11ty-2025-02-12" data-pagefind-ignore="" data-link-type="external">Dynamic pages with PHP and 11ty</a> <p class="bundleitem-description"><a href="https://www.coryd.dev/posts/2024/adventures-in-self-hosting">When I moved this site to my own hosting</a> I rewrote the dynamic code that had previously been handled by edge functions in PHP. To speed up build times and make things scale nicely as I add more content and pages, I recreated my media pag</p> <p class="bundleitem-date">Feb 12, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/cory-dransfeldt/">Cory Dransfeldt (46 posts)</a> · <a href="https://www.coryd.dev/">Website</a> &amp; <a href="https://www.coryd.dev/feeds/posts.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/edge-functions/">Edge Functions</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/remote-data/">Remote Data</a></p> </div> <div class="bundleitem"> <a href="https://blog.martin-haehnel.de/blog/2025/02/12/search-in-eleventy/" class="bundleitem-title" ID="martin-haehnel-how-to-add-search-to-eleventy-2025-02-12" data-pagefind-ignore="" data-link-type="external">How To Add Search To Eleventy</a> <p class="bundleitem-description">If you have an Eleventy-based site, there are a few options you can take to add search to your page. One low-fi solution…</p> <p class="bundleitem-date">Feb 12, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/martin-haehnel/">Martin Hähnel (14 posts)</a> · <a href="https://blog.martin-haehnel.de/">Website</a> &amp; <a href="https://blog.martin-haehnel.de/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/rss/">RSS</a><a href="https://11tybundle.dev/categories/search/">Search</a></p> </div> <div class="bundleitem"> <a href="https://lamaquinadeturing.su/en/2025/02/this-post-has-been-generated-with-eleventy/" class="bundleitem-title" ID="la-maquina-de-turing-this-post-has-been-generated-with-eleventy-2025-02-12" data-pagefind-ignore="" data-link-type="external">This post has been generated with Eleventy</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Feb 12, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/la-maquina-de-turing/">La màquina de Turing (1 post)</a> · <a href="https://lamaquinadeturing.su/">Website</a> &amp; <a href="https://lamaquinadeturing.su/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://notes.jays.net/blog/11ty/" class="bundleitem-title" ID="jay-hannah-11ty-and-og-images-2025-02-11" data-pagefind-ignore="" data-link-type="external">11ty and OG images</a> <p class="bundleitem-description">Various tricks I've stumbled into.</p> <p class="bundleitem-date">Feb 11, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jay-hannah/">Jay Hannah (2 posts)</a> · <a href="https://notes.jays.net/">Website</a> &amp; <a href="https://notes.jays.net/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a></p> </div> <div class="bundleitem"> <a href="https://blog.martin-haehnel.de/blog/2025/02/11/footnotes-in-eleventy/" class="bundleitem-title" ID="martin-haehnel-how-to-add-footnotes-to-eleventy-2025-02-11" data-pagefind-ignore="" data-link-type="external">How To Add Footnotes To Eleventy</a> <p class="bundleitem-description">An easy way to add footnotes to Eleventy is to use an existing plugin for markdown-it , which is what Eleventy uses internally…</p> <p class="bundleitem-date">Feb 11, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/martin-haehnel/">Martin Hähnel (14 posts)</a> · <a href="https://blog.martin-haehnel.de/">Website</a> &amp; <a href="https://blog.martin-haehnel.de/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a></p> </div> <div class="bundleitem"> <a href="https://noscript.show/build/7" class="bundleitem-title" ID="david-waumsley-building-with-an-11ty-starter-sites-and-headless-wordpress-2025-02-07" data-pagefind-ignore="" data-link-type="external">Building with an 11ty starter sites and headless WordPress</a> <p class="bundleitem-description">Learning the Eleventy base blog and whether It can serve as a static frontend to the WordPress CMS.</p> <p class="bundleitem-date">Feb 7, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/david-waumsley/">David Waumsley (3 posts)</a> · <a href="https://noscript.show/">Website</a> &amp; <a href="https://noscript.show/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a></p> </div> <div class="bundleitem"> <a href="https://deepakness.com/blog/create-posts-faster-11ty/" class="bundleitem-title" ID="deepakness-create-new-posts-faster-in-11ty-2025-02-06" data-pagefind-ignore="" data-link-type="external">Create New Posts Faster in 11ty</a> <p class="bundleitem-description">A quick guide on how to create new posts faster in 11ty.</p> <p class="bundleitem-date">Feb 6, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/deepakness/">DeepakNess (4 posts)</a> · <a href="https://deepakness.com/">Website</a> &amp; <a href="https://deepakness.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://reillyspitzfaden.com/posts/2025/02/webmentions-without-plugins/" class="bundleitem-title" ID="reilly-spitzfaden-webmentions-without-plugins-2025-02-06" data-pagefind-ignore="" data-link-type="external">Webmentions Without Plugins</a> <p class="bundleitem-description">At yesterday's Pacific Homebrew Website Club meeting, I got some great feedback and was able to figure out making my own code to bring in webmentions!</p> <p class="bundleitem-date">Feb 6, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/reilly-spitzfaden/">Reilly Spitzfaden (3 posts)</a> · <a href="https://reillyspitzfaden.com/">Website</a> &amp; <a href="https://reillyspitzfaden.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/webmentions/">Webmentions</a></p> </div> <div class="bundleitem"> <a href="https://bobmonsour.com/blog/books-page-11tymeetup/" class="bundleitem-title" ID="bob-monsour-11ty-meetup-how-i-built-my-books-page-2025-02-06" data-pagefind-ignore="" data-link-type="external">11ty Meetup - How I built my Books page</a> <p class="bundleitem-description">I presented at the 11ty Meetup on how I built my Books page. Here's the video and a link to a PDF of the slides.</p> <p class="bundleitem-date">Feb 6, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/bob-monsour/">Bob Monsour (20 posts)</a> · <a href="https://bobmonsour.com/">Website</a> &amp; <a href="https://www.bobmonsour.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/books-pages/">Books Pages</a><a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/youtube/">YouTube</a></p> </div> <div class="bundleitem"> <a href="https://www.youtube.com/watch?v=o13Yfgzne88&t=2s" class="bundleitem-title" ID="sia-karamalegos-using-11ty-to-build-a-data-and-chart-analytics-website-with-sia-karamalegos-2025-02-06" data-pagefind-ignore="" data-link-type="external">Using 11ty to build a data and chart analytics website with Sia Karamalegos</a> <p class="bundleitem-description">YouTube video</p> <p class="bundleitem-date">Feb 6, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/sia-karamalegos/">Sia Karamalegos (13 posts)</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/analytics/">Analytics</a><a href="https://11tybundle.dev/categories/performance/">Performance</a><a href="https://11tybundle.dev/categories/youtube/">YouTube</a></p> </div> <div class="bundleitem"> <a href="https://nooshu.com/blog/2025/02/04/configuring-your-content-security-policy-on-your-development-environment-in-11ty/" class="bundleitem-title" ID="matt-hobbs-configuring-your-content-security-policy-on-your-development-environment-in-11ty-2025-02-04" data-pagefind-ignore="" data-link-type="external">Configuring your Content-Security-Policy on your development environment in 11ty</a> <p class="bundleitem-description">In this post, I investigate how you can use a mixture of dynamic and static Brotli compression with the Cloudflare Pro plan, for optimal web performance.</p> <p class="bundleitem-date">Feb 4, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/matt-hobbs/">Matt Hobbs (7 posts)</a> · <a href="https://nooshu.com/">Website</a> &amp; <a href="https://nooshu.com/feed/feed-rss.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://nathanupchurch.com/blog/making-quizzes-using-eleventy/" class="bundleitem-title" ID="nathan-upchurch-building-a-quiz-system-with-eleventy-2025-02-04" data-pagefind-ignore="" data-link-type="external">Building a Quiz System With Eleventy</a> <p class="bundleitem-description">Remember when internet quizzes were a thing? I wanted to bring them to my website.</p> <p class="bundleitem-date">Feb 4, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/nathan-upchurch/">Nathan Upchurch (4 posts)</a> · <a href="https://nathanupchurch.com/">Website</a> &amp; <a href="https://nathanupchurch.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/front-matter/">Front Matter</a><a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/layouts/">Layouts</a></p> </div> <div class="bundleitem"> <a href="https://www.youtube.com/watch?v=H21-e-zy-b8" class="bundleitem-title" ID="deepakness-migrating-from-wordpress-to-11ty-2025-02-03" data-pagefind-ignore="" data-link-type="external">Migrating from WordPress to 11ty</a> <p class="bundleitem-description">YouTube video</p> <p class="bundleitem-date">Feb 3, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/deepakness/">DeepakNess (4 posts)</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a></p> </div> <div class="bundleitem"> <a href="https://scottandrew.com/blog/2025/01/integrating-eleventy-with-buttondown-to-create-sub/" class="bundleitem-title" ID="scott-andrew-integrating-eleventy-with-buttondown-to-create-subscribers-only-content-2025-01-28" data-pagefind-ignore="" data-link-type="external">Integrating Eleventy with Buttondown to create subscribers-only content</a> <p class="bundleitem-description">Gnarled JavaScript warlock, musician, cartoonist, dilettante.</p> <p class="bundleitem-date">Jan 28, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/scott-andrew/">Scott Andrew (1 post)</a> · <a href="https://scottandrew.com/">Website</a> &amp; <a href="https://scottandrew.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://www.mathew-paul.nz/posts/adding-cooklang-to-my-blog/" class="bundleitem-title" ID="matthew-paul-adding-cooklang-support-to-my-eleventy-blog-2024-07-01" data-pagefind-ignore="" data-link-type="external">Adding Cooklang Support to my Eleventy Blog</a> <p class="bundleitem-description">How I added cooklang to my blog and the 11ty extension I created in the process</p> <p class="bundleitem-date">Jul 1, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/matthew-paul/">Matthew Paul (1 post)</a> · <a href="https://www.mathew-paul.nz/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> </div><p></p> <h2>Built with Eleventy</h2> <p>Here are the new sites to see. If you want to see more sites, check out the <a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a>.</p> <p></p><div class="bundlesites" data-pagefind-ignore="index"> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://lpelegrini.dev/" data-link-type="external">Leandro Pelegrini</a></p> <p class="bundleitem-description">Um pequeno blog, ou talvez um jardim digital, não sei definir...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://thebicyclestop.com/en/" data-link-type="external">The Bicycle Stop</a></p> <p class="bundleitem-description">Reliable bicycle repair in Geneva. Tune-ups, maintenance, and new bike assembly with a 7-day...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://47-watch.com/" data-link-type="external">47 Watch</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://preview.tabler.io/" data-link-type="external">tabler</a></p> <p class="bundleitem-description">Tabler is packed with beautifully crafted components and powerful features. Jump in and start...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://noahliebman.net/" data-link-type="external">Noah Liebman</a></p> <p class="bundleitem-description">Noah Liebman’s home on the World Wide Web</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://damianwalsh.co.uk/" data-link-type="external">Damian Walsh</a></p> <p class="bundleitem-description">Designer (Interaction/UX/UI) based in Manchester, UK</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://tinyrumble.com/" data-link-type="external">Tiny Rumble</a></p> <p class="bundleitem-description">Tiny Rumble - What Resonates With You?</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://ryanprintup.com/" data-link-type="external">Ryan Printup</a></p> <p class="bundleitem-description">Musician funding his passion through Electrical &amp;amp; Software Engineering.</p> </div></div><p></p> 2025-02-04T00:00:00Z https://11tybundle.dev/blog/11ty-bundle-66/

11ty Bundle Issue 66

<p><em>An email version of this blog is available. <strong><a href="https://11tybundle.dev/blog/11ty-bundle-66/#newsletter-subscribe">Subscribe here</a></strong>.</em></p> <hr /> <p><strong><em>A note from Bob:</em></strong></p> <p><strong>REMINDER.</strong> The next Eleventy Meetup is <a href="https://11tymeetup.dev/events/ep-21-book-pages-and-privacy-first-analytics/">on the calendar for February 6th</a>. It features yours truly on <em><a href="https://bobmonsour.com/blog/building-the-book-page/">How I built my Books page</a></em>. And <a href="https://sia.codes/">Sia Karamalegos</a> will cover <em>Using 11ty to build a data and chart analytics website</em>. The time is 9am Pacific. Hope to see some of you there!</p> <p>Incidentally, I've reduced the number of RSS feed entries for this blog and the Firehose blog to 20 of the most recent entries. Funny thing, someone who recently subscribed to the Firehose feed told me of the 1,337 entries that were in the feed. I remarked to him that we had reached peak <a href="https://en.wikipedia.org/wiki/Leet">&quot;Leet&quot;</a>.</p> <hr /> <p><strong>Installing a JavaScript Runtime.</strong> New on the Eleventy docs, Zach shows how to install Node or Deno for use with your Eleventy projects. <a href="https://www.11ty.dev/docs/javascript-runtime/">Read more</a>.</p> <p><strong>Plug in your Font Awesome.</strong> A new plugin, <a href="https://github.com/11ty/eleventy-plugin-font-awesome#11tyfont-awesome">eleventy-plugin-font-awesome</a> provides <em>&quot;Optimized per-page tree-shaken SVG spritesheets for Eleventy with Font Awesome icons.&quot;</em></p> <p><strong>A fruity red starter.</strong> <a href="https://strawberrystarter.neocities.org/">Strawberry Starter</a> is here. There's an <a href="https://strawberrystarter.neocities.org/posts/example_posts/installation/">Installation Guide</a>, a <a href="https://strawberrystarter.neocities.org/posts/example_posts/user-ref/">User Reference</a>, some <a href="https://strawberrystarter.neocities.org/posts/example_posts/markdown-example/">Markdown Examples</a>, and a <a href="https://strawberrystarter.neocities.org/posts/example_posts/faq/">FAQ &amp; Troubleshooting page</a>.</p> <p><strong>From Instagram to Pixelfed.</strong> With the reent mass migration from Instagram to Pixelfed, <a href="https://rknight.me/">Robb Knight</a> shows us how to <a href="https://rknight.me/blog/loading-pixelfed-photos-with-eleventy/">bring those images into Eleventy</a>.</p> <p><strong>RSS entries are ID'd.</strong> As some of you may have watched, I have thrashed around over the last week or so with RSS entry IDs. I place full blame on this recent obsession on <a href="https://darthmall.net/2025/on-the-importance-of-stable-ids/">Evan Sheehan's blog post</a>, which catalyzed my journey. I worked on several incremental approaches until finally landing on a solution that I'm happy with. You can read all about it on <a href="https://bobmonsour.com/blog/final-final-word-on-rss-entry-ids/">Ok, this is my 'final' final word on RSS entry IDs</a>. But you should read <a href="https://darthmall.net/2025/on-the-importance-of-stable-ids/">Evan's post</a> first to have it all make sense. That <a href="https://bobmonsour.com/blog/final-final-word-on-rss-entry-ids/">'final' post of mine</a> also contains the full list of 7 posts that I wrote along the way. I'm done with this topic for now. I promise.</p> <p><strong>A variety of posts.</strong> This issue has everything from <a href="https://abdullahyahya.com/2025/02/set-up-a-simple-and-reliable-static-site-generator-using-11ty-eleventy-tailwind-css/">setting up a site with Tailwind</a>, <a href="https://blog.embee.co/posts/11ty-open-graph-funtimes/">open graph images</a>, <a href="https://nooshu.com/blog/2025/01/29/lets-create-a-plaintext-rss-feed-with-11ty/">plain text RSS feeds</a>, <a href="https://chrismcleod.dev/blog/visual-studio-code-snippet-for-markdown-frontmatter/">a VS Code snippet for front matter</a>, a <a href="https://yasmin.bearblog.dev/building-an-eleventy-app-part-1/">5-part series on builing a seasonal veg app</a>, and much much more.</p> <p><strong>A new look here.</strong> I recently commissioned <a href="https://www.andycarolan.com/">Andy Carolan</a> to design a new OG image for the 11ty Bundle. I became interested in his work after seeing the images he created for <a href="https://htmlforpeople.com/">HTML for People</a>. You'll start seeing it on social media posts and in the email version of the blog. I'm very happy with the result. Thanks, Andy!</p> <p>Here's what it looks like:</p> <p><img src="https://11tybundle.dev/assets/img/11tybundle-dev.png" alt="The new 11ty Bundle OG image" /></p> <p>See if you can find all of the <em>&quot;11s&quot;</em> in the image.</p> <p>Enjoy!</p> <p>Until next time...</p> <hr /> <h2>Recent releases</h2> <p></p><div class="bundlereleases" data-pagefind-ignore="index"><p></p> <p></p><div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-import/releases/tag/v1.0.10" data-link-type="external">Eleventy Import v1.0.10</a></p> <p class="bundleitem-description">Utility to import content from multiple services (and a CLI, too) - Release Eleventy Import v1.0.10...</p> <p class="bundleitem-dateline">Jan 31, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-import/releases/tag/v1.0.11" data-link-type="external">Eleventy Import v1.0.11</a></p> <p class="bundleitem-description">Utility to import content from multiple services (and a CLI, too) - Release Eleventy Import v1.0.11...</p> <p class="bundleitem-dateline">Jan 31, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-utils/releases/tag/v2.0.1" data-link-type="external">Eleventy Utils v2.0.1</a></p> <p class="bundleitem-description">Lower level internal utilities to share amongst Eleventy packages - Release Eleventy Utils v2.0.1 ·...</p> <p class="bundleitem-dateline">Jan 31, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-font-awesome/releases/tag/v1.0.0-beta.6" data-link-type="external">Eleventy Font Awesome v1.0.0-beta.6</a></p> <p class="bundleitem-description">Optimized per-page tree-shaken SVG spritesheets for Eleventy with Font Awesome icons. - Release...</p> <p class="bundleitem-dateline">Jan 30, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-vite/releases/tag/v6.0.0" data-link-type="external">Eleventy Plugin Vite v6.0.0</a></p> <p class="bundleitem-description">A plugin to use Vite with Eleventy. Contribute to 11ty/eleventy-plugin-vite development by creating...</p> <p class="bundleitem-dateline">Jan 30, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v3.0.1-alpha.4" data-link-type="external">Eleventy v3.0.1-alpha.4</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">Jan 29, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-bundle/releases/tag/v3.0.1" data-link-type="external">Eleventy Bundle v3.0.1</a></p> <p class="bundleitem-description">Little bundles of code, little bundles of joy. Contribute to 11ty/eleventy-plugin-bundle development...</p> <p class="bundleitem-dateline">Jan 28, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-webc/releases/tag/v0.12.0-beta.3" data-link-type="external">Eleventy WebC Plugin v0.12.0-beta.3</a></p> <p class="bundleitem-description">Adds support for WebC *.webc files to Eleventy. Contribute to 11ty/eleventy-plugin-webc development...</p> <p class="bundleitem-dateline">Jan 28, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-webc/releases/tag/v0.12.0-beta.2" data-link-type="external">Eleventy WebC Plugin v0.12.0-beta.2</a></p> <p class="bundleitem-description">Adds support for WebC *.webc files to Eleventy. Contribute to 11ty/eleventy-plugin-webc development...</p> <p class="bundleitem-dateline">Jan 27, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-webc/releases/tag/v0.12.0-beta.1" data-link-type="external">Eleventy WebC Plugin v0.12.0-beta.1</a></p> <p class="bundleitem-description">Adds support for WebC *.webc files to Eleventy. Contribute to 11ty/eleventy-plugin-webc development...</p> <p class="bundleitem-dateline">Jan 27, 2025</p> </div></div><p></p> <h2>Posts from around the web</h2> <p></p><div class="bundleposts" data-pagefind-ignore="index"> <div class="bundleitem"> <a href="https://rknight.me/blog/loading-pixelfed-photos-with-eleventy/" class="bundleitem-title" ID="robb-knight-loading-pixelfed-photos-with-eleventy-2025-02-03" data-pagefind-ignore="" data-link-type="external">Loading Pixelfed Photos with Eleventy</a> <p class="bundleitem-description">How to load my latest photos from Pixelfed</p> <p class="bundleitem-date">Feb 3, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/robb-knight/">Robb Knight (20 posts)</a> · <a href="https://rknight.me/">Website</a> &amp; <a href="https://rknight.me/subscribe/posts/rss.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/remote-data/">Remote Data</a></p> </div> <div class="bundleitem"> <a href="https://abdullahyahya.com/2025/02/set-up-a-simple-and-reliable-static-site-generator-using-11ty-eleventy-tailwind-css/" class="bundleitem-title" ID="abdullah-yahya-set-up-a-simple-and-reliable-static-site-generator-using-11ty-eleventy-tailwind-css-2025-02-02" data-pagefind-ignore="" data-link-type="external">Set Up a Simple and Reliable Static Site Generator Using 11ty (Eleventy) + Tailwind CSS</a> <p class="bundleitem-description">https://nodejs.org/en/download https://git-scm.com/downloads Tailwind CSS will compile Tailwind CSS classes to CSS and Tailwind CLI will allow us to run…</p> <p class="bundleitem-date">Feb 2, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/abdullah-yahya/">Abdullah Yahya (1 post)</a> · <a href="https://abdullahyahya.com/">Website</a> &amp; <a href="https://abdullahyahya.com/feed/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a></p> </div> <div class="bundleitem"> <a href="https://bnijenhuis.nl/notes/adding-prettier-in-eleventy-using-transforms/" class="bundleitem-title" ID="bernard-nijenhuis-adding-prettier-in-eleventy-using-transforms-2025-02-02" data-pagefind-ignore="" data-link-type="external">Adding Prettier in Eleventy using Transforms</a> <p class="bundleitem-description">Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats</p> <p class="bundleitem-date">Feb 2, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/bernard-nijenhuis/">Bernard Nijenhuis (8 posts)</a> · <a href="https://bnijenhuis.nl/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://blog.embee.co/posts/11ty-open-graph-funtimes/" class="bundleitem-title" ID="matt-b-eleventy-open-graph-images-and-fun-2025-02-02" data-pagefind-ignore="" data-link-type="external">Eleventy, Open Graph images and fun?</a> <p class="bundleitem-description">Getting 11ty's Image plugin to output Open Graph metadata and images</p> <p class="bundleitem-date">Feb 2, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/matt-b/">Matt B (1 post)</a> · <a href="https://blog.embee.co/">Website</a> &amp; <a href="https://blog.embee.co/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a></p> </div> <div class="bundleitem"> <a href="https://bobmonsour.com/blog/final-final-word-on-rss-entry-ids/" class="bundleitem-title" ID="bob-monsour-ok-this-is-my-final-final-word-on-rss-entry-ids-2025-02-02" data-pagefind-ignore="" data-link-type="external">Ok, this is my 'final' final word on RSS entry IDs</a> <p class="bundleitem-description">I've been able to fully automate the process of creating, at initial post time, a unique and permanent ID for each RSS feed entry.</p> <p class="bundleitem-date">Feb 2, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/bob-monsour/">Bob Monsour (20 posts)</a> · <a href="https://bobmonsour.com/">Website</a> &amp; <a href="https://www.bobmonsour.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/rss/">RSS</a></p> </div> <div class="bundleitem"> <a href="https://bobmonsour.com/blog/11ty-preprocessors-for-my-rssid/" class="bundleitem-title" ID="bob-monsour-i-wanted-to-validate-the-presence-of-an-rssid-in-my-front-matter-2025-02-01" data-pagefind-ignore="" data-link-type="external">I wanted to validate the presence of an rssid in my front matter</a> <p class="bundleitem-description">Rather than have my RSS entry ID be missing, I wanted to validate its presence at build time.</p> <p class="bundleitem-date">Feb 1, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/bob-monsour/">Bob Monsour (20 posts)</a> · <a href="https://bobmonsour.com/">Website</a> &amp; <a href="https://www.bobmonsour.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/rss/">RSS</a></p> </div> <div class="bundleitem"> <a href="https://bobmonsour.com/blog/even-more-on-rss-ids/" class="bundleitem-title" ID="bob-monsour-my-last-word-on-rss-entry-ids-2025-01-30" data-pagefind-ignore="" data-link-type="external">My last word on RSS entry IDs</a> <p class="bundleitem-description">In an effort to create more robust and truly unique and permanent IDs for my RSS feed entries, I built a thing to help.</p> <p class="bundleitem-date">Jan 30, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/bob-monsour/">Bob Monsour (20 posts)</a> · <a href="https://bobmonsour.com/">Website</a> &amp; <a href="https://www.bobmonsour.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/rss/">RSS</a></p> </div> <div class="bundleitem"> <a href="https://nooshu.com/blog/2025/01/29/lets-create-a-plaintext-rss-feed-with-11ty/" class="bundleitem-title" ID="matt-hobbs-lets-create-a-plaintext-rss-feed-with-11ty-2025-01-29" data-pagefind-ignore="" data-link-type="external">Let's create a plaintext RSS feed with 11ty</a> <p class="bundleitem-description">In this post I tackle something from my post-MVW (Minimum Viable Website) functionality to do list, by adding a plaintext RSS Feed. I'll take you through my reasons for adding it, the implementation, and the code I used to create it.</p> <p class="bundleitem-date">Jan 29, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/matt-hobbs/">Matt Hobbs (7 posts)</a> · <a href="https://nooshu.com/">Website</a> &amp; <a href="https://nooshu.com/feed/feed-rss.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/accessibility/">Accessibility</a><a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/rss/">RSS</a></p> </div> <div class="bundleitem"> <a href="https://paulcapewell.com/blog/250129/" class="bundleitem-title" ID="paul-capewell-creating-a-new-blog-entry-shortcut-for-creating-blog-posts-in-nano-for-eleventy-2025-01-29" data-pagefind-ignore="" data-link-type="external">Creating a 'new blog entry' shortcut for creating blog posts in nano for eleventy</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Jan 29, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/paul-capewell/">Paul Capewell (2 posts)</a> · <a href="https://paulcapewell.com/">Website</a> &amp; <a href="https://paulcapewell.com/feed/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/front-matter/">Front Matter</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://reillyspitzfaden.com/posts/2025/01/displaying-webmentions/" class="bundleitem-title" ID="reilly-spitzfaden-displaying-webmentions-2025-01-28" data-pagefind-ignore="" data-link-type="external">Displaying Webmentions</a> <p class="bundleitem-description">I finally figured out displaying webmentions on my site without any client-side JavaScript!</p> <p class="bundleitem-date">Jan 28, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/reilly-spitzfaden/">Reilly Spitzfaden (3 posts)</a> · <a href="https://reillyspitzfaden.com/">Website</a> &amp; <a href="https://reillyspitzfaden.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/webmentions/">Webmentions</a></p> </div> <div class="bundleitem"> <a href="https://chrismcleod.dev/blog/visual-studio-code-snippet-for-markdown-frontmatter/" class="bundleitem-title" ID="chris-mcleod-visual-studio-code-snippet-for-markdown-frontmatter-2025-01-27" data-pagefind-ignore="" data-link-type="external">Visual Studio Code Snippet for Markdown Frontmatter</a> <p class="bundleitem-description">Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.</p> <p class="bundleitem-date">Jan 27, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/chris-mcleod/">Chris McLeod (7 posts)</a> · <a href="https://chrismcleod.dev/">Website</a> &amp; <a href="https://chrismcleod.dev/follow/blog/feed.rss">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/front-matter/">Front Matter</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a></p> </div> <div class="bundleitem"> <a href="https://bobmonsour.com/blog/creating-permanently-unique-entry-id-for-rss/" class="bundleitem-title" ID="bob-monsour-creating-permanently-unique-entry-ids-for-rss-2025-01-27" data-pagefind-ignore="" data-link-type="external">Creating permanently unique entry IDs for RSS</a> <p class="bundleitem-description">I was inspired to create permanently unique entry IDs for my RSS feed after reading a post by Evan Sheehan.</p> <p class="bundleitem-date">Jan 27, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/bob-monsour/">Bob Monsour (20 posts)</a> · <a href="https://bobmonsour.com/">Website</a> &amp; <a href="https://www.bobmonsour.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/rss/">RSS</a></p> </div> <div class="bundleitem"> <a href="https://yasmin.bearblog.dev/building-an-eleventy-app-part-5/" class="bundleitem-title" ID="yasmin-building-a-seasonal-veg-app-with-eleventy-part-5-scheduled-functions-with-netlify-2025-01-27" data-pagefind-ignore="" data-link-type="external">Building a seasonal veg app with Eleventy. Part 5 - Scheduled functions with Netlify</a> <p class="bundleitem-description">Netlify has this feature in beta called . When I came across it, it sounded like a nice solution to the issue I mentioned in where I didn't want to intr...</p> <p class="bundleitem-date">Jan 27, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/yasmin/">Yasmin (5 posts)</a> · <a href="https://yasmin.bearblog.dev/">Website</a> &amp; <a href="https://yasmin.bearblog.dev/feed/?type=rss">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/scheduling/">Scheduling</a></p> </div> <div class="bundleitem"> <a href="https://claytonerrington.com/blog/securing-11ty-with-ssl-locally/" class="bundleitem-title" ID="clayton-errington-securing-11ty-with-ssl-locally-2025-01-27" data-pagefind-ignore="" data-link-type="external">Securing 11ty with SSL Locally</a> <p class="bundleitem-description">How to configure your eleventy serve process with ssl for localhost</p> <p class="bundleitem-date">Jan 27, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/clayton-errington/">Clayton Errington (19 posts)</a> · <a href="https://claytonerrington.com/">Website</a> &amp; <a href="https://claytonerrington.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://wonderfulfrog.com/posts/now-using-11ty-v3/" class="bundleitem-title" ID="devin-haska-now-using-11ty-v3-2025-01-27" data-pagefind-ignore="" data-link-type="external">Now Using 11ty V3</a> <p class="bundleitem-description">Finally upgrading to the latest version of Eleventy.</p> <p class="bundleitem-date">Jan 27, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/devin-haska/">Devin Haska (2 posts)</a> · <a href="https://wonderfulfrog.com/">Website</a> &amp; <a href="https://wonderfulfrog.com/feeds/posts.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/upgrading/">Upgrading</a></p> </div> <div class="bundleitem"> <a href="https://www.markpitblado.me/blog/eleventy-version-3-just-how-fast-can-a-website-be/" class="bundleitem-title" ID="mark-pitblado-eleventy-version-3-just-how-fast-can-a-website-be-2025-01-26" data-pagefind-ignore="" data-link-type="external">Eleventy version 3: Just how fast can a website be?</a> <p class="bundleitem-description">Upgrading to eleventy version 3 offered the opportunity to rethink some things, and dive into how to get a website to load super fast. Lighthouse is now reporting one hundred across all four categories.</p> <p class="bundleitem-date">Jan 26, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/mark-pitblado/">Mark Pitblado (2 posts)</a> · <a href="https://www.markpitblado.me/">Website</a> &amp; <a href="https://www.markpitblado.me/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/analytics/">Analytics</a><a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/performance/">Performance</a><a href="https://11tybundle.dev/categories/search/">Search</a></p> </div> <div class="bundleitem"> <a href="https://yasmin.bearblog.dev/building-an-eleventy-app-part-2/" class="bundleitem-title" ID="yasmin-building-a-seasonal-veg-app-with-eleventy-part-2-styling-2025-01-23" data-pagefind-ignore="" data-link-type="external">Building a seasonal veg app with Eleventy. Part 2 - Styling</a> <p class="bundleitem-description">I didn't have a plan on how I wanted to style this app before starting this. I didn't want to outright copy seasonal.today's, even though I really liked ...</p> <p class="bundleitem-date">Jan 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/yasmin/">Yasmin (5 posts)</a> · <a href="https://yasmin.bearblog.dev/">Website</a> &amp; <a href="https://yasmin.bearblog.dev/feed/?type=rss">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a></p> </div> <div class="bundleitem"> <a href="https://yasmin.bearblog.dev/building-an-eleventy-app-part-3/" class="bundleitem-title" ID="yasmin-building-a-seasonal-veg-app-with-eleventy-part-3-deploy-with-netlify-2025-01-23" data-pagefind-ignore="" data-link-type="external">Building a seasonal veg app with Eleventy. Part 3 - Deploy with Netlify</a> <p class="bundleitem-description">Now that the basics of the app is done, its time to deploy. I felt like I had 3 choices: Github pages, Netlify or Vercel. All offer free services and al...</p> <p class="bundleitem-date">Jan 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/yasmin/">Yasmin (5 posts)</a> · <a href="https://yasmin.bearblog.dev/">Website</a> &amp; <a href="https://yasmin.bearblog.dev/feed/?type=rss">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/performance/">Performance</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> <div class="bundleitem"> <a href="https://nooshu.com/blog/2025/01/23/the-speed-trifecta-11ty-brotli-11-and-css-fingerprinting/" class="bundleitem-title" ID="matt-hobbs-the-speed-trifecta-11ty-brotli-11-and-css-fingerprinting-2025-01-23" data-pagefind-ignore="" data-link-type="external">The Speed Trifecta: 11ty, Brotli 11, and CSS Fingerprinting</a> <p class="bundleitem-description">In this post I bring two previous blog posts together to create the perfect CSS setup for my little blog.</p> <p class="bundleitem-date">Jan 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/matt-hobbs/">Matt Hobbs (7 posts)</a> · <a href="https://nooshu.com/">Website</a> &amp; <a href="https://nooshu.com/feed/feed-rss.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/performance/">Performance</a></p> </div> <div class="bundleitem"> <a href="https://www.youtube.com/watch?v=Ixxszvj9GKw" class="bundleitem-title" ID="david-waumsley-long-term-wordpress-user-tries-building-with-11ty-2025-01-23" data-pagefind-ignore="" data-link-type="external">Long-term WordPress user tries building with 11ty</a> <p class="bundleitem-description">YouTube video</p> <p class="bundleitem-date">Jan 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/david-waumsley/">David Waumsley (3 posts)</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a><a href="https://11tybundle.dev/categories/youtube/">YouTube</a></p> </div> <div class="bundleitem"> <a href="https://yasmin.bearblog.dev/building-an-eleventy-app-part-4/" class="bundleitem-title" ID="yasmin-building-a-seasonal-veg-app-with-eleventy-part-4-accessibility-2025-01-23" data-pagefind-ignore="" data-link-type="external">Building a seasonal veg app with Eleventy. Part 4 - Accessibility</a> <p class="bundleitem-description">After my first deploy, I did a quick check with Lighthouse to see how my metrics are looking. I need 100 for all if I want to do well in the leade...</p> <p class="bundleitem-date">Jan 23, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/yasmin/">Yasmin (5 posts)</a> · <a href="https://yasmin.bearblog.dev/">Website</a> &amp; <a href="https://yasmin.bearblog.dev/feed/?type=rss">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/accessibility/">Accessibility</a></p> </div> <div class="bundleitem"> <a href="https://yasmin.bearblog.dev/building-an-eleventy-app-part-1/" class="bundleitem-title" ID="yasmin-building-a-seasonal-veg-app-with-eleventy-part-1-2025-01-22" data-pagefind-ignore="" data-link-type="external">Building a seasonal veg app with Eleventy. Part 1</a> <p class="bundleitem-description">I wanted to learn for fun. Looking for inspo on what to build, I came across their which lists sites built with Eleventy that are top performing in Ligh...</p> <p class="bundleitem-date">Jan 22, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/yasmin/">Yasmin (5 posts)</a> · <a href="https://yasmin.bearblog.dev/">Website</a> &amp; <a href="https://yasmin.bearblog.dev/feed/?type=rss">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/dates/">Dates</a><a href="https://11tybundle.dev/categories/pagination/">Pagination</a></p> </div> <div class="bundleitem"> <a href="https://www.youtube.com/watch?v=HOSJMg-Opp4" class="bundleitem-title" ID="david-waumsley-static-vs-dynamic-for-content-heavy-websites-comparing-11ty-and-wordpress-2025-01-09" data-pagefind-ignore="" data-link-type="external">Static vs dynamic for content heavy websites. Comparing 11ty and WordPress.</a> <p class="bundleitem-description">YouTube video</p> <p class="bundleitem-date">Jan 9, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/david-waumsley/">David Waumsley (3 posts)</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> </div><p></p> <h2>Built with Eleventy</h2> <p>Here are the new sites to see. If you want to see more sites, check out the <a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a>.</p> <p></p><div class="bundlesites" data-pagefind-ignore="index"> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://moonsign.nyc/" data-link-type="external">MoonSign</a></p> <p class="bundleitem-description">MoonSign conceives and executes uncommon signage, graphics, and lighting projects.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://cosmo-digital.at/" data-link-type="external">Cosmo</a></p> <p class="bundleitem-description">Webseiten für KMUs und Selbständige in ganz Österreich: Ihre individuelle, Google-optimierte...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.forresto.com/" data-link-type="external">Forrest O. Interactive</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://danjewett.net/" data-link-type="external">Dansite</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://theonlyblogever.com/" data-link-type="external">Brendan's Tech Blog</a></p> <p class="bundleitem-description">This is my technical blog. Brendan&amp;#39;s home on the Information Superhighway.</p> </div></div><p></p> 2025-01-21T00:00:00Z https://11tybundle.dev/blog/11ty-bundle-65/

11ty Bundle Issue 65

<p><em>An email version of this blog is available. <strong><a href="https://11tybundle.dev/blog/11ty-bundle-65/#newsletter-subscribe">Subscribe here</a></strong>.</em></p> <hr /> <p><strong><em>A note from Bob:</em></strong></p> <p>Lots of momentum in 11ty-ville, with 21 new blog posts in this issue. I'm so glad that I can get these onto the site quickly with the set of CLI tools that I built (<a href="https://bobmonsour.com/blog/node-cli-of-my-dreams/">and wrote about here</a>).</p> <p>Enjoy the feast!</p> <hr /> <p><strong>Zach on images.</strong> A <a href="https://www.youtube.com/watch?v=e0OHgC677ec">2-minute video</a> on how to optimize your images with Eleventy.</p> <p><strong>A TypeScript proposal.</strong> Zach opened a proposal to <em><a href="https://github.com/11ty/eleventy/issues/3616">Add first-party core support for TypeScript configuration, data, and template files</a></em>.</p> <p><strong>Another bookshelf.</strong> With bookshelves proliferting among the Eleventy-erati, here's <a href="https://vzq.wtf/bookshelf/">another one from Jose</a> and a <a href="https://vzq.wtf/blog/bookshelf/">blog post on how they did it</a>.</p> <p><strong>Jason plugs-in URLs.</strong> <a href="https://sixtwothree.org/">Jason Garber</a> brings us <a href="https://codeberg.org/jgarber/eleventy-plugin-routes#eleventy-plugin-routes">a plugin for generating /resource-style URLs</a>.</p> <p><strong>Ghost-ing with 11ty.</strong> The people that created the Ghost publishing platform have some new docs on how to use it with Eleventy. <a href="https://ghost.org/docs/jamstack/eleventy/">Check it out</a>.</p> <p><strong>Alex goes Auth-ing.</strong> <a href="https://alextheward.com/">Alex Ward</a> has built a new site with Eleventy, called <a href="https://authomnibus.com/">Auth Omnibus</a>. It seems to cover everything that anyone would want to know about authentication.</p> <p><strong>We're Meetup-ing.</strong> The next Eleventy Meetup is <a href="https://11tymeetup.dev/events/ep-21-book-pages-and-privacy-first-analytics/">on the calendar for February 6th</a>. It features yours truly on <em><a href="https://bobmonsour.com/blog/building-the-book-page/">How I built my Books page</a></em>. And <a href="https://davidmoll.net/">David Moll</a> will cover <em>Umami + 11ty: A Privacy-First selfhosted approach to Web Analytics</em>.</p> <p>Until next time...</p> <hr /> <h2>Recent releases</h2> <p></p><div class="bundlereleases" data-pagefind-ignore="index"><p></p> <p></p><div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-plugin-rss/releases/tag/v2.0.3" data-link-type="external">Eleventy RSS v2.0.3</a></p> <p class="bundleitem-description">A pack of Eleventy plugins for generating an RSS feed. - Release Eleventy RSS v2.0.3 ·...</p> <p class="bundleitem-dateline">Jan 16, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-dev-server/releases/tag/v2.0.6" data-link-type="external">Eleventy Dev Server v2.0.6</a></p> <p class="bundleitem-description">A minimal generic web-development web server. Contribute to 11ty/eleventy-dev-server development by...</p> <p class="bundleitem-dateline">Jan 16, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-posthtml-urls/releases/tag/v1.0.1" data-link-type="external">Eleventy PostHTML URLs v1.0.1</a></p> <p class="bundleitem-description">PostHTML plugin for transforming URLs. A fork of posthtml/posthtml-urls. - Release Eleventy PostHTML...</p> <p class="bundleitem-dateline">Jan 16, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-img/releases/tag/v6.0.1" data-link-type="external">Eleventy Image v6.0.1</a></p> <p class="bundleitem-description">Utility to perform build-time image transformations. - Release Eleventy Image v6.0.1 (Tiny Bugfix...</p> <p class="bundleitem-dateline">Jan 15, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-dev-server/releases/tag/v2.0.5" data-link-type="external">Eleventy Dev Server v2.0.5</a></p> <p class="bundleitem-description">A minimal generic web-development web server. Contribute to 11ty/eleventy-dev-server development by...</p> <p class="bundleitem-dateline">Jan 15, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-import/releases/tag/v1.0.9" data-link-type="external">Eleventy Import v1.0.9</a></p> <p class="bundleitem-description">Utility to import content from multiple services (and a CLI, too) - Release Eleventy Import v1.0.9 ·...</p> <p class="bundleitem-dateline">Jan 15, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v3.0.1-alpha.2" data-link-type="external">Eleventy v3.0.1-alpha.2</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">Jan 14, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v3.0.1-alpha.3" data-link-type="external">Eleventy v3.0.1-alpha.3</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">Jan 14, 2025</p> </div></div><p></p> <h2>Posts from around the web</h2> <p></p><div class="bundleposts" data-pagefind-ignore="index"> <div class="bundleitem"> <a href="https://melkat.blog/p/11ty-rewrite-hotfix/" class="bundleitem-title" ID="melanie-kat-11ty-blog-rewrite-hotfix-2025-01-20" data-pagefind-ignore="" data-link-type="external">11ty Blog Rewrite Hotfix</a> <p class="bundleitem-description">hi there! please enjoy my blog of things i think are interesting</p> <p class="bundleitem-date">Jan 20, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/melanie-kat/">Melanie Kat (2 posts)</a> · <a href="https://melkat.blog/">Website</a> &amp; <a href="https://melkat.blog/atom.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/dates/">Dates</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://blog.chobble.com/blog/25-01-19-social-preview-images/" class="bundleitem-title" ID="stefan-burke-adding-social-preview-images-to-my-eleventy-blog-2025-01-19" data-pagefind-ignore="" data-link-type="external">Adding social preview images to my Eleventy blog</a> <p class="bundleitem-description">Thanks to Matthew Paul for the guide</p> <p class="bundleitem-date">Jan 19, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/stefan-burke/">Stefan Burke (4 posts)</a> · <a href="https://blog.chobble.com/">Website</a> &amp; <a href="https://blog.chobble.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a></p> </div> <div class="bundleitem"> <a href="https://steele.blue/webmentions/" class="bundleitem-title" ID="matt-steele-this-blogs-comments-are-powered-by-webmentions-2025-01-19" data-pagefind-ignore="" data-link-type="external">This blog's comments are powered by Webmentions</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Jan 19, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/matt-steele/">Matt Steele (3 posts)</a> · <a href="https://steele.blue/">Website</a> &amp; <a href="https://steele.blue/feed">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/webc/">WebC</a><a href="https://11tybundle.dev/categories/webmentions/">Webmentions</a></p> </div> <div class="bundleitem"> <a href="https://melkat.blog/p/11ty-rewrite/" class="bundleitem-title" ID="melanie-kat-rewriting-my-astro-blog-with-eleventy-2025-01-18" data-pagefind-ignore="" data-link-type="external">Rewriting My Astro Blog with Eleventy</a> <p class="bundleitem-description">hi there! please enjoy my blog of things i think are interesting</p> <p class="bundleitem-date">Jan 18, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/melanie-kat/">Melanie Kat (2 posts)</a> · <a href="https://melkat.blog/">Website</a> &amp; <a href="https://melkat.blog/atom.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/pagination/">Pagination</a><a href="https://11tybundle.dev/categories/performance/">Performance</a><a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://dgw.ltd/2025/01/17/inquirer-js/" class="bundleitem-title" ID="rich-holman-inquirer-js-2025-01-17" data-pagefind-ignore="" data-link-type="external">Inquirer.js</a> <p class="bundleitem-description">An increasing number of posts appears to be focusing on how to get content <em>out</em> of WordPress. Lol. Well needs</p> <p class="bundleitem-date">Jan 17, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/rich-holman/">Rich Holman (2 posts)</a> · <a href="https://dgw.ltd/">Website</a> &amp; <a href="https://dgw.ltd/feed/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a></p> </div> <div class="bundleitem"> <a href="https://danburzo.ro/notes/eleventy-og-images/" class="bundleitem-title" ID="dan-catalin-burzo-build-time-og-image-generation-with-eleventy-img-2025-01-16" data-pagefind-ignore="" data-link-type="external">Build-time og:image generation with eleventy-img</a> <p class="bundleitem-description">The personal website of Dan Cătălin Burzo.</p> <p class="bundleitem-date">Jan 16, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/dan-catalin-burzo/">Dan Cătălin Burzo (6 posts)</a> · <a href="https://danburzo.ro/">Website</a> &amp; <a href="https://danburzo.ro/feeds/posts.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a></p> </div> <div class="bundleitem"> <a href="https://ttntm.me/blog/adding-a-copy-button-to-code-blocks/" class="bundleitem-title" ID="tom-doe-adding-a-copy-button-to-code-blocks-2025-01-16" data-pagefind-ignore="" data-link-type="external">Adding a Copy Button to Code Blocks</a> <p class="bundleitem-description">About 61 lines of JavaScript that progressively enhance user experience.</p> <p class="bundleitem-date">Jan 16, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/tom-doe/">Tom Doe (10 posts)</a> · <a href="https://ttntm.me/">Website</a> &amp; <a href="https://ttntm.me/blog/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://www.jjude.com/tech-notes/bsky-comments-11ty/" class="bundleitem-title" ID="joseph-jude-adding-bluesky-comments-to-11ty-blog-2025-01-15" data-pagefind-ignore="" data-link-type="external">Adding Bluesky Comments to 11ty Blog</a> <p class="bundleitem-description">You can easily add Bluesky comments to 11ty blog with web components</p> <p class="bundleitem-date">Jan 15, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/joseph-jude/">Joseph Jude (2 posts)</a> · <a href="https://www.jjude.com/">Website</a> &amp; <a href="https://www.jjude.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a></p> </div> <div class="bundleitem"> <a href="https://eleventy-plugin-podcaster.com/2025/01/three-titles/" class="bundleitem-title" ID="nathan-bottomley-three-titles-podcaster-plugin-2025-01-15" data-pagefind-ignore="" data-link-type="external">Three titles (podcaster plugin)</a> <p class="bundleitem-description">Documentation website for eleventy-plugin-podcaster.</p> <p class="bundleitem-date">Jan 15, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/nathan-bottomley/">Nathan Bottomley (2 posts)</a> · <a href="https://eleventy-plugin-podcaster.com/">Website</a> &amp; <a href="https://eleventy-plugin-podcaster.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> <div class="bundleitem"> <a href="https://www.youtube.com/watch?v=WuH5QYCdh6w" class="bundleitem-title" ID="zach-leatherman-start-your-escape-from-wordpress-using-11ty-2025-01-15" data-pagefind-ignore="" data-link-type="external">Start Your Escape from WordPress Using 11ty </a> <p class="bundleitem-description">YouTube video</p> <p class="bundleitem-date">Jan 15, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/zach-leatherman/">Zach Leatherman (81 posts)</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/youtube/">YouTube</a><a href="https://11tybundle.dev/categories/from-the-source/">From the Source</a></p> </div> <div class="bundleitem"> <a href="https://aaronmorey.com/posts/2025/separating-code-from-content-in-eleventy/" class="bundleitem-title" ID="aaron-morey-separating-code-from-content-in-eleventy-2025-01-15" data-pagefind-ignore="" data-link-type="external">Separating Code From Content in Eleventy</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Jan 15, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/aaron-morey/">Aaron Morey (1 post)</a> · <a href="https://aaronmorey.com/">Website</a> &amp; <a href="https://aaronmorey.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://www.seanmcp.com/articles/rewriting-in-eleventy-again/" class="bundleitem-title" ID="sean-mcpherson-rewriting-in-eleventy-again-2025-01-14" data-pagefind-ignore="" data-link-type="external">Rewriting in Eleventy (again)</a> <p class="bundleitem-description">Why I rewrote this site with Eleventy after a two-year sojourn with Astro.</p> <p class="bundleitem-date">Jan 14, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/sean-mcpherson/">Sean McPherson (3 posts)</a> · <a href="https://www.seanmcp.com/">Website</a> &amp; <a href="https://seanmcp.com/rss.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://samimaatta.fi/en/creating-a-custom-slugify-filter-in-eleventy/" class="bundleitem-title" ID="sami-maeaettae-creating-a-custom-slugify-filter-in-eleventy-2025-01-12" data-pagefind-ignore="" data-link-type="external">Creating a custom Slugify filter in Eleventy</a> <p class="bundleitem-description">I'm from Finland, so I want to have Nordic slugs for my sites.</p> <p class="bundleitem-date">Jan 12, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/sami-maeaettae/">Sami Määttä (6 posts)</a> · <a href="https://samimaatta.fi/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://vzq.wtf/blog/bookshelf/" class="bundleitem-title" ID="jose-bookshelf-2025-01-12" data-pagefind-ignore="" data-link-type="external">Bookshelf</a> <p class="bundleitem-description">A new slash page and a new personal goal</p> <p class="bundleitem-date">Jan 12, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/jose/">Jose (1 post)</a> · <a href="https://vzq.wtf/">Website</a> &amp; <a href="https://vzq.wtf/feeds/blog/rss.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/books-pages/">Books Pages</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/remote-data/">Remote Data</a></p> </div> <div class="bundleitem"> <a href="https://nooshu.com/blog/2025/01/12/using-an-11ty-shortcode-to-craft-a-custom-css-pipeline/" class="bundleitem-title" ID="matt-hobbs-using-an-11ty-shortcode-to-craft-a-custom-css-pipeline-2025-01-12" data-pagefind-ignore="" data-link-type="external">Using an 11ty Shortcode to craft a custom CSS pipeline</a> <p class="bundleitem-description">In this blog post, I'll show you how I've written an 11ty Shortcode to manipulate my CSS file, thus allowing for optimal long-life cache-control response headers. Any feedback on this build process would be greatly appreciated.</p> <p class="bundleitem-date">Jan 12, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/matt-hobbs/">Matt Hobbs (7 posts)</a> · <a href="https://nooshu.com/">Website</a> &amp; <a href="https://nooshu.com/feed/feed-rss.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/shortcodes/">Shortcodes</a></p> </div> <div class="bundleitem"> <a href="https://thomasrigby.com/posts/automagically-generating-a-robots-txt-file-in-eleventy-using-data-and-nunjucks/" class="bundleitem-title" ID="thomas-rigby-automagically-generating-a-robots-txt-file-in-eleventy-using-data-and-nunjucks-2025-01-10" data-pagefind-ignore="" data-link-type="external">Automagically generating a robots.txt file in Eleventy using data and Nunjucks</a> <p class="bundleitem-description">Writing some code to make better a thing I've been doing manually.</p> <p class="bundleitem-date">Jan 10, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/thomas-rigby/">Thomas Rigby (8 posts)</a> · <a href="https://thomasrigby.com/">Website</a> &amp; <a href="https://thomasrigby.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/nunjucks-macros/">Nunjucks/Macros</a></p> </div> <div class="bundleitem"> <a href="https://dgw.ltd/2025/01/10/wp-scss/" class="bundleitem-title" ID="rich-holman-wp-scss-2025-01-10" data-pagefind-ignore="" data-link-type="external">WP.SCSS</a> <p class="bundleitem-description">Increasingly I've been including 11ty in my WordPress builds as part of the theme. Great for static assets, such as</p> <p class="bundleitem-date">Jan 10, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/rich-holman/">Rich Holman (2 posts)</a> · <a href="https://dgw.ltd/">Website</a> &amp; <a href="https://dgw.ltd/feed/">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/shortcodes/">Shortcodes</a></p> </div> <div class="bundleitem"> <a href="https://www.youtube.com/watch?v=e0OHgC677ec" class="bundleitem-title" ID="zach-leatherman-optimize-your-web-sites-images-2025-01-09" data-pagefind-ignore="" data-link-type="external">Optimize Your Web Site's Images</a> <p class="bundleitem-description">YouTube video</p> <p class="bundleitem-date">Jan 9, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/zach-leatherman/">Zach Leatherman (81 posts)</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/from-the-source/">From the Source</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/youtube/">YouTube</a></p> </div> <div class="bundleitem"> <a href="https://www.11ty.dev/blog/review-2024/" class="bundleitem-title" ID="zach-leatherman-eleventy-2024-in-review-2025-01-08" data-pagefind-ignore="" data-link-type="external">Eleventy, 2024 in Review</a> <p class="bundleitem-description">Eleventy, 2024 in Review — Eleventy</p> <p class="bundleitem-date">Jan 8, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/zach-leatherman/">Zach Leatherman (81 posts)</a> · <a href="https://www.11ty.dev/">Website</a> &amp; <a href="https://www.11ty.dev/firehose/firehose.rss">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/from-the-source/">From the Source</a></p> </div> <div class="bundleitem"> <a href="https://www.hayes.software/blog/site-update-2024/" class="bundleitem-title" ID="chris-hayes-why-i-chose-11ty-over-nextjs-for-this-site-2024-03-31" data-pagefind-ignore="" data-link-type="external">Why I chose 11ty over NextJS for this site</a> <p class="bundleitem-description">Why a developer that uses NextJS every day chose 11ty for their personal site.</p> <p class="bundleitem-date">Mar 31, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/chris-hayes/">Chris Hayes (1 post)</a> · <a href="https://www.hayes.software/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://www.simoncox.com/shorts/2024-02-11-tracking-broken-links-with-fathom/" class="bundleitem-title" ID="simon-cox-tracking-404-broken-links-with-fathom-analytics-2024-02-11" data-pagefind-ignore="" data-link-type="external">Tracking 404 broken links with Fathom Analytics</a> <p class="bundleitem-description">How I set up Fathom Analytics to track 404 broken URLs so that I could redirect those links to the correct page.</p> <p class="bundleitem-date">Feb 11, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/simon-cox/">Simon Cox (16 posts)</a> · <a href="https://www.simoncox.com/">Website</a> &amp; <a href="https://www.simoncox.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/analytics/">Analytics</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> </div><p></p> <h2>Built with Eleventy</h2> <p>Here are the new sites to see. If you want to see more sites, check out the <a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a>.</p> <p></p><div class="bundlesites" data-pagefind-ignore="index"> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://simonorono.com/" data-link-type="external">Simón Oroño</a></p> <p class="bundleitem-description">Computer scientist and software developer</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://outcome.doctrineofdiscovery.org/" data-link-type="external">Outcome</a></p> <p class="bundleitem-description">200 Years of Johnson v. M’Intosh (JvM): Indigenous Responses to the Religious Foundations of Racism</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://tufte.000000076.xyz/" data-link-type="external">11ty gets tufte</a></p> <p class="bundleitem-description">A Tufte CSS Project built with 11ty aka Eleventy for your projects.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://wisp.000000076.xyz/" data-link-type="external">11ty WISP</a></p> <p class="bundleitem-description">Free and open source code project by Adam DJ Brett</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.j0k3r.net/" data-link-type="external">j0k3r.n3t</a></p> <p class="bundleitem-description">Là où Jérémy écrit des trucs, des fois ...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://authomnibus.com/" data-link-type="external">Auth Omnibus</a></p> <p class="bundleitem-description">The Auth Omnibus is a collection of authentication topics designed to help individuals and...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.teppohaste.com/" data-link-type="external">Teppo Haste</a></p> <p class="bundleitem-description">Design Manager from Helsinki, Finland</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://rkar.org/" data-link-type="external">rkar.org</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://limulus.net/" data-link-type="external">limulus.net</a></p> <p class="bundleitem-description">Eric McCarthy’s projects, writing, videos, and photos. If I make it for myself, I put it here.</p> </div></div><p></p> 2025-01-07T00:00:00Z https://11tybundle.dev/blog/11ty-bundle-64/

11ty Bundle Issue 64

<p><em>An email version of this blog is available. <strong><a href="https://11tybundle.dev/blog/11ty-bundle-64/#newsletter-subscribe">Subscribe here</a></strong>.</em></p> <hr /> <p><strong><em>A note from Bob:</em></strong></p> <p>Life got in the way of my usual Tuesday publish date. My wife and I have family &amp; friends directly affected by the Eaton fire near Pasadena. It's pretty rough for everyone in Southern California right now. I hope you're all safe and sound.</p> <p>Let's get into this issue...</p> <hr /> <p><strong>New eleventy-img plugin.</strong> v6.0.0 of the Eleventy Image plugin came out today. <a href="https://github.com/11ty/eleventy-img/releases/tag/v6.0.0">Read all about it</a>. There's some breakage involved.</p> <p><strong>Magnify your images.</strong> Speaking of images...if you ever wanted to zoom an image to full screen, this new plugin, <a href="https://github.com/teotimepacreau/eleventy-plugin-img-magnifier#eleventy-plugin-img-magnifier--zoom-image-to-fullscreen">eleventy-plugin-img-magnifier</a> has you covered.</p> <p><strong>Free as in 11ty-beer.</strong> There's a new starter in town, called <a href="https://github.com/LIGMATV/11ty-beer#11ty-beer">11ty-beer</a>. It looks pretty cool and there's <a href="https://11ty-beer.vercel.app/">a demo site here</a>.</p> <p><strong>A New category.</strong> From time to time, I pick up on a vibe of the posts that I find. A recent one triggered the thought that <em>&quot;maybe there should be an Analytics category on this site.&quot;</em> <a href="https://11tybundle.dev/categories/analytics/">So be it</a>. On a directly related note, there's this new plugin titled <a href="https://github.com/Akashic101/eleventy-plugin-umami/#eleventy-plugin-umami">eleventy-plugin-umami</a> for those of you using or considering using <a href="https://umami.is/">umami</a>.</p> <p><strong>The US gov using 11ty.</strong> It turns out that the US Government General Services Administration has created <a href="https://github.com/GSA/datagov-11ty#11ty-uswds-template">an 11ty template</a> using the <a href="https://designsystem.digital.gov/">U.S. Web Design System v2.0</a>, which is <em>&quot;A design system for the federal government.&quot;</em> Will wonders never cease?</p> <p><strong>Make a podcast site &amp; feed.</strong> Joining with the other new plugins is the <a href="https://github.com/nathan-bottomley/eleventy-plugin-podcaster#eleventy-plugin-podcaster-%EF%B8%8F">eleventy-plugin-podcaster</a>. It's a plugin to help you create a podcast site and feed. <a href="https://eleventy-plugin-podcaster.com/">Full docs are here</a>.</p> <p><strong>Henry's new home.</strong> Among the most awesome of new sites comes from Henry Desroches. It's not just built with Eleventy, it's an amazing feat of design creativity. <a href="https://henry.codes/">A <strong>MUST</strong> see</a>.</p> <p><strong>Feed styling.</strong> And speaking of style, many rungs down on the creativity front, the feed of the blog here has now become human readable, via a simple XSL style sheet. <a href="https://11tybundle.dev/feed.xml">A <em>maybe</em> see</a>.</p> <p>Oh, and by the way, we've crossed the 1,300 mark on posts here. Yay!</p> <p>Oh wait, one more thing. I am going to start removing the alpha and beta releases once the final version of a plugin is released. Less clutter is, well, less clutter.</p> <p>Until next time...</p> <hr /> <h2>Recent releases</h2> <p></p><div class="bundlereleases" data-pagefind-ignore="index"><p></p> <p></p><div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-img/releases/tag/v6.0.0" data-link-type="external">Eleventy Image v6.0.0</a></p> <p class="bundleitem-description">Utility to perform build-time image transformations. - Release Eleventy Image v6.0.0 ·...</p> <p class="bundleitem-dateline">Jan 8, 2025</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-fetch/releases/tag/v5.0.2" data-link-type="external">Eleventy Fetch v5.0.2</a></p> <p class="bundleitem-description">Utility to cache any remote asset: Image, Video, Web Font, CSS, JSON, etc - Release Eleventy Fetch...</p> <p class="bundleitem-dateline">Jan 7, 2025</p> </div></div><p></p> <h2>Posts from around the web</h2> <p></p><div class="bundleposts" data-pagefind-ignore="index"> <div class="bundleitem"> <a href="https://flohgro.com/blog/say-hello-to-11ty-%F0%9F%9A%80/" class="bundleitem-title" ID="floh-gro-say-hello-to-11ty-2025-01-07" data-pagefind-ignore="" data-link-type="external">Say Hello to 11ty</a> <p class="bundleitem-description">I code more than I write.</p> <p class="bundleitem-date">Jan 7, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/floh-gro/">Floh Gro (2 posts)</a> · <a href="https://flohgro.com/">Website</a> &amp; <a href="https://flohgro.com/rss.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a></p> </div> <div class="bundleitem"> <a href="https://www.jjude.com/tech-notes/plausible-and-11ty/" class="bundleitem-title" ID="joseph-jude-display-plausible-statistics-in-your-11ty-blog-2025-01-07" data-pagefind-ignore="" data-link-type="external">Display Plausible Statistics in Your 11ty Blog</a> <p class="bundleitem-description">How to display popular and trending blog posts using Plausible Analytics and 11ty. Follow this step-by-step guide for seamless API integration.</p> <p class="bundleitem-date">Jan 7, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/joseph-jude/">Joseph Jude (2 posts)</a> · <a href="https://www.jjude.com/">Website</a> &amp; <a href="https://www.jjude.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/analytics/">Analytics</a><a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/collections/">Collections</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://nooshu.com/blog/2025/01/05/cranking-brotli-up-to-11-with-cloudflare-pro-and-11ty/" class="bundleitem-title" ID="matt-hobbs-cranking-brotli-up-to-11-with-cloudflare-pro-and-11ty-2025-01-05" data-pagefind-ignore="" data-link-type="external">Cranking Brotli up to 11 with Cloudflare Pro and 11ty</a> <p class="bundleitem-description">In this post I investigate how you can use a mixture of dynamic and static Brotli compression with the Cloudflare Pro plan, for optimal web performance.</p> <p class="bundleitem-date">Jan 5, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/matt-hobbs/">Matt Hobbs (7 posts)</a> · <a href="https://nooshu.com/">Website</a> &amp; <a href="https://nooshu.com/feed/feed-rss.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/performance/">Performance</a></p> </div> <div class="bundleitem"> <a href="https://bobmonsour.com/blog/building-the-book-page/" class="bundleitem-title" ID="bob-monsour-how-i-built-the-books-page-2025-01-02" data-pagefind-ignore="" data-link-type="external">How I built the Books page</a> <p class="bundleitem-description">I went live with my Books page a short while ago. Here's how I built it.</p> <p class="bundleitem-date">Jan 2, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/bob-monsour/">Bob Monsour (20 posts)</a> · <a href="https://bobmonsour.com/">Website</a> &amp; <a href="https://www.bobmonsour.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/books-pages/">Books Pages</a><a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/remote-data/">Remote Data</a></p> </div> <div class="bundleitem"> <a href="https://www.adamdjbrett.com/blog/2025-01-01-11ty-clean-blog-clean-repo/" class="bundleitem-title" ID="adam-dj-brett-11ty-clean-blog-and-cleaner-repository-2025-01-01" data-pagefind-ignore="" data-link-type="external">11ty Clean blog and cleaner repository</a> <p class="bundleitem-description">Adam DJ Brett Web Developer</p> <p class="bundleitem-date">Jan 1, 2025</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/adam-dj-brett/">Adam DJ Brett (10 posts)</a> · <a href="https://www.adamdjbrett.com/">Website</a> &amp; <a href="https://www.adamdjbrett.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a></p> </div> <div class="bundleitem"> <a href="https://ollicle.com/2024/dec/31/11ty-kdl/" class="bundleitem-title" ID="oliver-boermans-kdl-works-great-in-eleventy-2024-12-31" data-pagefind-ignore="" data-link-type="external">KDL works great in eleventy</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Dec 31, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/oliver-boermans/">Oliver Boermans (1 post)</a> · <a href="https://ollicle.com/">Website</a> &amp; <a href="https://ollicle.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/front-matter/">Front Matter</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> <div class="bundleitem"> <a href="https://johnwargo.com/posts/2024/eleventy-3-upgrade/" class="bundleitem-title" ID="john-m-wargo-eleventy-3-upgrade-2024-12-29" data-pagefind-ignore="" data-link-type="external">Eleventy 3 Upgrade</a> <p class="bundleitem-description">I run quite a few sites on Eleventy; you can see the complete list on this site's Sites area. The Eleventy team released version 3.0 a while back and I finally got around to upgrading some of the sites. This post describes the process I used to migrate a couple of the sites.</p> <p class="bundleitem-date">Dec 29, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/john-m-wargo/">John M. Wargo (45 posts)</a> · <a href="https://johnwargo.com/">Website</a> &amp; <a href="https://johnwargo.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/debugging/">Debugging</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a><a href="https://11tybundle.dev/categories/upgrading/">Upgrading</a></p> </div> <div class="bundleitem"> <a href="https://johnwargo.com/posts/2024/displaying-eleventy-version/" class="bundleitem-title" ID="john-m-wargo-displaying-eleventy-version-on-a-page-2024-12-29" data-pagefind-ignore="" data-link-type="external">Displaying Eleventy Version on a Page</a> <p class="bundleitem-description">Describes how I display Eleventy build information on this site and how I had to change the process for Eleventy 3.0.</p> <p class="bundleitem-date">Dec 29, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/john-m-wargo/">John M. Wargo (45 posts)</a> · <a href="https://johnwargo.com/">Website</a> &amp; <a href="https://johnwargo.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://sainthood.xyz/code/projects/accessible-eleventy-gallery/" class="bundleitem-title" ID="sainthood-accessible-eleventy-gallery-2024-12-28" data-pagefind-ignore="" data-link-type="external">Accessible Eleventy Gallery</a> <p class="bundleitem-description">An adaptation of Kalechip's Static Accessible Gallery Generator for Eleventy.</p> <p class="bundleitem-date">Dec 28, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/sainthood/">Sainthood (1 post)</a> · <a href="https://sainthood.xyz/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/accessibility/">Accessibility</a><a href="https://11tybundle.dev/categories/global-data/">Global Data</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/image-galleries/">Image Galleries</a></p> </div> <div class="bundleitem"> <a href="https://www.adamdjbrett.com/blog/2024-12-27-learning-eleventy-by-adapting-jekyll/" class="bundleitem-title" ID="adam-dj-brett-learning-11ty-by-adapting-a-jekyll-template-2024-12-27" data-pagefind-ignore="" data-link-type="external">Learning 11ty by adapting a Jekyll Template</a> <p class="bundleitem-description">Adam DJ Brett Web Developer</p> <p class="bundleitem-date">Dec 27, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/adam-dj-brett/">Adam DJ Brett (10 posts)</a> · <a href="https://www.adamdjbrett.com/">Website</a> &amp; <a href="https://www.adamdjbrett.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/plugins/">Plugins</a></p> </div> <div class="bundleitem"> <a href="https://kpwags.com/posts/2024/12/24/11ty-webc-if-statements-and-attributes/" class="bundleitem-title" ID="keith-wagner-11ty-webc-if-statements-and-attributes-2024-12-24" data-pagefind-ignore="" data-link-type="external">11ty WebC If Statements and Attributes</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Dec 24, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/keith-wagner/">Keith Wagner (5 posts)</a> · <a href="https://kpwags.com/">Website</a> &amp; <a href="https://kpwags.com/rss/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/webc/">WebC</a></p> </div> <div class="bundleitem"> <a href="https://danburzo.ro/notes/eleventy-301-redirects/" class="bundleitem-title" ID="dan-catalin-burzo-http-301-redirects-in-eleventy-2024-12-24" data-pagefind-ignore="" data-link-type="external">HTTP 301 redirects in Eleventy</a> <p class="bundleitem-description">The personal website of Dan Cătălin Burzo.</p> <p class="bundleitem-date">Dec 24, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/dan-catalin-burzo/">Dan Cătălin Burzo (6 posts)</a> · <a href="https://danburzo.ro/">Website</a> &amp; <a href="https://danburzo.ro/feeds/posts.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/collections/">Collections</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://www.adamdjbrett.com/blog/2024-12-13-my-eleventy-sites/" class="bundleitem-title" ID="adam-dj-brett-my-eleventy-sites-2024-12-13" data-pagefind-ignore="" data-link-type="external">My Eleventy Sites</a> <p class="bundleitem-description">Adam DJ Brett Web Developer</p> <p class="bundleitem-date">Dec 13, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/adam-dj-brett/">Adam DJ Brett (10 posts)</a> · <a href="https://www.adamdjbrett.com/">Website</a> &amp; <a href="https://www.adamdjbrett.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://www.patrickgrey.co.uk/notes/2024-09-21-my-decap-cms-setup-with-11ty-hosted-on-cloudflare-pages/" class="bundleitem-title" ID="patrick-grey-my-decap-cms-setup-with-11ty-hosted-on-cloudflare-pages-2024-09-21" data-pagefind-ignore="" data-link-type="external">My Decap CMS setup with 11ty hosted on Cloudflare Pages</a> <p class="bundleitem-description">A web developer living, working and playing in Scotland.</p> <p class="bundleitem-date">Sep 21, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/patrick-grey/">Patrick Grey (1 post)</a> · <a href="https://www.patrickgrey.co.uk/">Website</a> &amp; <a href="https://www.patrickgrey.co.uk/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a></p> </div> <div class="bundleitem"> <a href="https://www.pupismyname.com/articles/11ty-og-images/" class="bundleitem-title" ID="john-brooks-using-11ty-to-generate-open-graph-images-2024-01-24" data-pagefind-ignore="" data-link-type="external">Using 11ty to generate Open Graph images</a> <p class="bundleitem-description">Create unique images for each page at build time</p> <p class="bundleitem-date">Jan 24, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/john-brooks/">John Brooks (4 posts)</a> · <a href="https://www.pupismyname.com/">Website</a> &amp; <a href="https://www.pupismyname.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a></p> </div> </div><p></p> <h2>Built with Eleventy</h2> <p>Here are the new sites to see. If you want to see more sites, check out the <a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a>.</p> <p></p><div class="bundlesites" data-pagefind-ignore="index"> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://willsimpson.netlify.app/" data-link-type="external">Will Simpson's Notes</a></p> <p class="bundleitem-description">A simple, lightweight, and flexible note-taking template for Eleventy.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://priyanshusinha.in/" data-link-type="external">Priyanshu SInha</a></p> <p class="bundleitem-description">Engineer, pizza-critic and pyromaniac! Ex-TI intern and Team Raftaar tech lead, passionate about...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://gregoryhammond.ca/" data-link-type="external">Gregory Hammond</a></p> <p class="bundleitem-description">Gregory Hammond, your website expert, accessibility fixer, and much more. He is available in-person...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://meangirls.rknight.me/" data-link-type="external">How long since Robb watched Mean Girls?</a></p> <p class="bundleitem-description">It&amp;#39;s been 6 months 4 days</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://eddy.000000076.xyz/" data-link-type="external">Eddy</a></p> <p class="bundleitem-description">Eddy is an 11ty theme designed for textual editors based on minimal computing principles, and...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://terrazastainedglass.com/" data-link-type="external">Terraza Stained Glass</a></p> <p class="bundleitem-description">Transform your home with custom stained glass windows, doors &amp;amp; cabinet inserts. Family-owned...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.jjude.com/" data-link-type="external">Joseph Jude</a></p> <p class="bundleitem-description">Building a flywheel of success for life and career</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://justbecaws.neocities.org/" data-link-type="external">Just Becaws</a></p> <p class="bundleitem-description">A website made by Corv, filled with fun stuff!</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://tedium.co/" data-link-type="external">Tedium</a></p> <p class="bundleitem-description">Tedium is a twice-weekly offbeat digital newsletter that mines the depths of the long tail in search...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://rethink.wtf/" data-link-type="external">(re)think</a></p> <p class="bundleitem-description">Articles discussing topics worth rethinking</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://dannyskelley.com/" data-link-type="external">danny skelley</a></p> <p class="bundleitem-description">With 15 years designing for global brands start ups Danny Skelley delivers impactful UX &amp;amp; UI...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://akkordeonvirtuosi.de/" data-link-type="external">akkordeon virtuosi</a></p> <p class="bundleitem-description">AKKORDEON VIRTUOSI zählen zu den wenigen Akkordeon-Duos der Welt. Ihr Repertoire reicht von Werken...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://research.000000076.xyz/" data-link-type="external">An 11ty Library Research Guide Template</a></p> <p class="bundleitem-description">this is descriptions</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://henry.codes/" data-link-type="external">Henry Codes</a></p> <p class="bundleitem-description">The personal site &amp;amp; portfolio of creative web developer Henry (from Online).</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://eleventy-plugin-podcaster.com/" data-link-type="external">eleventy-plugin-podcaster</a></p> <p class="bundleitem-description">Documentation website for eleventy-plugin-podcaster.</p> </div></div><p></p> 2024-12-23T00:00:00Z https://11tybundle.dev/blog/11ty-bundle-63/

11ty Bundle Issue 63

<p><em>An email version of this blog is available. <strong><a href="https://11tybundle.dev/blog/11ty-bundle-63/#newsletter-subscribe">Subscribe here</a></strong>.</em></p> <hr /> <p><strong><em>A note from Bob:</em></strong></p> <p>Wishing everyone a very Merry Christmas, Happy Hanukkah, or whatever faith brings you joy during this season!</p> <hr /> <p><strong>Build a centralized RSS feed.</strong> Zach released a <a href="https://github.com/11ty/eleventy-activity-feed">eleventy-activity-feed</a>. Here's what it says on the tin: <em>&quot;Activity Feed lets you build one centralized RSS feed that pulls in new entries from a bunch of different social networking sites. Support for (one or more) YouTube, RSS or Atom for existing blogs, and Bluesky or Mastodon (via RSS).&quot;</em> Go forth, and feed!</p> <p><strong>An aspirational web.</strong> <a href="https://coryd.dev/">Cory Dransfeldt</a> wrote a <a href="https://coryd.dev/posts/2024/an-aspirational-web">short post</a> about the W3C's recent <a href="https://www.w3.org/blog/2024/w3c-statement-on-ethical-web-principles-guides-the-community-to-build-a-better-web/">Statement on Ethical Web Principles</a>. I think Cory nails it when he says, <em>&quot;As developers, technologists and people it's incumbent upon us to help contribute to the web we'd like to see.&quot;</em></p> <p><strong>An EmojiStorm on my Lens.</strong> I know, that makes no sense at all, unless you've been following <a href="https://rknight.me/">Robb Knight's</a> work on his silly side project called <a href="https://emojistorm.rknight.me/">EmojiStorm</a> and his more useful side project called <a href="https://lens.rknight.me/">Lens</a>. Go and check out EmojiStorm as there's not much to say here. On the other hand, <a href="https://lens.rknight.me/">Lens</a> is a sweet little meta tag checker. Robb <a href="https://rknight.me/blog/lens-meta-tag-checker-robbs-version/">wrote a post about it</a>. In short, you enter your URL, and it checks out the the page. You get a nice little series of green checks...at least I did when I tried it out on one site. I don't know if you have bad meta tags. So, go ahead and put your pages under the <a href="https://lens.rknight.me/">Lens</a>.</p> <p><strong>Update: autofocus in search.</strong> I got some excellent feedback on the question that I posed in the <a href="https://11tybundle.dev/blog/11ty-bundle-62/">last issue</a>. I've decided to remove the autofocus from the search form that is on every page. <a href="https://jandewil.de/">Jan De Wilde</a> provided some very thoughtful feedback and educated me on the accessibility that is lost when autofocus is not used in the right circumstances. My apologies to any visitors here where were frustrated by the use of autofocus.</p> <p><strong>What's on your bookshelf.</strong> Due to a strange confluence of events, ranging from a question on social media to sitting on a jury with another web dude to an 11ty dev writing up how he built his, it seems that <em>&quot;bookshelves&quot;</em> are appearing on more and more personal sites. Anyway, I've been inspired by several of these bookshelves:</p> <ul> <li><a href="https://coryd.dev/books">Cory Dransfeldt</a></li> <li><a href="https://sean.voisen.org/bookshelf/">Sean Voisen</a></li> <li><a href="https://melanie-richards.com/currently/reading/">Melanie Richards</a></li> <li><a href="https://thisguise.wtf/bookshelf/">Chazz Basuta</a></li> <li><a href="https://daverupert.com/bookshelf">Dave Rupert</a></li> </ul> <p>And in this issue, you'll find <a href="https://thisguise.wtf/blog/2024/12/06/building-a-goodreads-bookshelf-for-11ty/">a post about how Chazz built his</a>. In an earlier issue, we featured a <a href="https://melanie-richards.com/blog/new-reading-page/">post by Melanie Richards about how she built hers</a>.</p> <p>Having been so inspired, I decided to spin one up over the last few days. I haven't written about it yet, but <a href="https://bobmonsour.com/books/">here it is</a>. I'll write about my approach to it before too long. Suffice it to say that smallish data sets can be messier than you might expect.</p> <p>Until next time...</p> <hr /> <h2>Recent releases</h2> <p></p><div class="bundlereleases" data-pagefind-ignore="index"><p></p> <p></p><div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy/releases/tag/v3.0.1-alpha.1" data-link-type="external">Eleventy v3.0.1-alpha.1</a></p> <p class="bundleitem-description">A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...</p> <p class="bundleitem-dateline">Dec 20, 2024</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-utils/releases/tag/v2.0.0" data-link-type="external">Eleventy Utils v2.0.0</a></p> <p class="bundleitem-description">Lower level internal utilities to share amongst Eleventy packages - Release Eleventy Utils v2.0.0 ·...</p> <p class="bundleitem-dateline">Dec 20, 2024</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-activity-feed/releases/tag/v2.0.0" data-link-type="external">eleventy-activity-feed</a></p> <p class="bundleitem-description">Create one centralized RSS feed for all of the content you create across the web (aggregates from...</p> <p class="bundleitem-dateline">Dec 13, 2024</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-import/releases/tag/v1.0.8" data-link-type="external">Eleventy Import v1.0.8</a></p> <p class="bundleitem-description">Utility to import content from multiple services (and a CLI, too) - Release Eleventy Import v1.0.8 ·...</p> <p class="bundleitem-dateline">Dec 13, 2024</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-import/releases/tag/v1.0.7" data-link-type="external">Eleventy Import v1.0.7</a></p> <p class="bundleitem-description">Utility to import content from multiple services (and a CLI, too) - Release Eleventy Import v1.0.7 ·...</p> <p class="bundleitem-dateline">Dec 10, 2024</p> </div></div><p></p> <h2>Posts from around the web</h2> <p></p><div class="bundleposts" data-pagefind-ignore="index"> <div class="bundleitem"> <a href="https://www.simoncox.com/shorts/2024-12-14-git-commit-messages/" class="bundleitem-title" ID="simon-cox-11ty-git-commit-messages-2024-12-14" data-pagefind-ignore="" data-link-type="external">11ty Git Commit Messages</a> <p class="bundleitem-description">Stealing Angie's Commit messages for my 11ty needs ensuring that I have a more robust method of tagging my commits so that they can be easily differentiated.</p> <p class="bundleitem-date">Dec 14, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/simon-cox/">Simon Cox (16 posts)</a> · <a href="https://www.simoncox.com/">Website</a> &amp; <a href="https://www.simoncox.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://www.alwaystwisted.com/articles/random-content-using-eleventy" class="bundleitem-title" ID="stu-robson-adding-random-content-using-eleventy-2024-12-13" data-pagefind-ignore="" data-link-type="external">Adding Random Content Using Eleventy</a> <p class="bundleitem-description">Learn how to use Eleventy to add dynamic, random content like film quotes or targeted Q&amp;A sections to your website. A step-by-step guide with practical examples and code snippets.</p> <p class="bundleitem-date">Dec 13, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/stu-robson/">Stu Robson (1 post)</a> · <a href="https://www.alwaystwisted.com/">Website</a> &amp; <a href="https://alwaystwisted.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/data-cascade/">Data Cascade</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/nunjucks-macros/">Nunjucks/Macros</a><a href="https://11tybundle.dev/categories/shortcodes/">Shortcodes</a></p> </div> <div class="bundleitem"> <a href="https://thisguise.wtf/blog/2024/12/06/building-a-goodreads-bookshelf-for-11ty/" class="bundleitem-title" ID="chazz-basuta-building-a-goodreads-bookshelf-for-11ty-2024-12-06" data-pagefind-ignore="" data-link-type="external">Building a Goodreads bookshelf for 11ty</a> <p class="bundleitem-description">Fuck you, Bezos! (for killing the API)</p> <p class="bundleitem-date">Dec 6, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/chazz-basuta/">Chazz Basuta (2 posts)</a> · <a href="https://thisguise.wtf/">Website</a> &amp; <a href="https://thisguise.wtf/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/books-pages/">Books Pages</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/remote-data/">Remote Data</a></p> </div> <div class="bundleitem"> <a href="https://thisguise.wtf/blog/2024/12/04/an-idiots-guide-to-adding-open-graph-images-to-an-11ty-blog/" class="bundleitem-title" ID="chazz-basuta-an-idiots-guide-to-adding-open-graph-images-to-an-11ty-blog-2024-12-04" data-pagefind-ignore="" data-link-type="external">An idiot's guide to adding open graph images to an 11ty blog</a> <p class="bundleitem-description">Wrestling eleventy config errors</p> <p class="bundleitem-date">Dec 4, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/chazz-basuta/">Chazz Basuta (2 posts)</a> · <a href="https://thisguise.wtf/">Website</a> &amp; <a href="https://thisguise.wtf/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/social-media/">Social Media</a></p> </div> <div class="bundleitem"> <a href="https://steele.blue/gatsby-to-eleventy/" class="bundleitem-title" ID="matt-steele-from-gatsby-to-eleventy-2024-11-25" data-pagefind-ignore="" data-link-type="external">From Gatsby to Eleventy</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Nov 25, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/matt-steele/">Matt Steele (3 posts)</a> · <a href="https://steele.blue/">Website</a> &amp; <a href="https://steele.blue/feed">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/performance/">Performance</a><a href="https://11tybundle.dev/categories/webc/">WebC</a><a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> <div class="bundleitem"> <a href="https://gregoryhammond.ca/blog/wordpress-to-eleventy/" class="bundleitem-title" ID="gregory-hammond-wordpress-to-eleventy-the-why-and-how-2024-11-17" data-pagefind-ignore="" data-link-type="external">WordPress to Eleventy - The Why and How</a> <p class="bundleitem-description">Near the end of October 2024, I made the decision to move my site over to using Eleventy behind the scenes. Here's why I did it, and how I chose Eleventy over everything else.</p> <p class="bundleitem-date">Nov 17, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/gregory-hammond/">Gregory Hammond (3 posts)</a> · <a href="https://gregoryhammond.ca/">Website</a> &amp; <a href="https://gregoryhammond.ca/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a><a href="https://11tybundle.dev/categories/why-eleventy/">Why Eleventy?</a></p> </div> </div><p></p> <h2>Built with Eleventy</h2> <p>Here are the new sites to see. If you want to see more sites, check out the <a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a>.</p> <p></p><div class="bundlesites" data-pagefind-ignore="index"> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://thisguise.wtf/" data-link-type="external">thisguise</a></p> <p class="bundleitem-description">Who tf is thisguise!?</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://francisbeaudet.com/" data-link-type="external">Francis Beaudet</a></p> <p class="bundleitem-description">This is my personal website and blog.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://ma.tthew.berlin/" data-link-type="external">@tthew</a></p> <p class="bundleitem-description">Matt Richards - Senior Staff Product Engineer / Engineering Lead based in Berlin.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://zyllastart.vercel.app/" data-link-type="external">Zylla News</a></p> <p class="bundleitem-description">Zylla Start pour construire rapidement un site statique propulsé par 11ty avec juste le minimum de...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.virtualcomedycafe.com/" data-link-type="external">Virtual Comedy Cafe</a></p> <p class="bundleitem-description">Celebrating student amateur stand-up comedy.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://input.relcfp.com/" data-link-type="external">Input 4 RelCFP</a></p> <p class="bundleitem-description">the input feeds used for religion call for papers</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://theological.me/" data-link-type="external">Theology RSS Reeder</a></p> <p class="bundleitem-description">Theology Blog feed reader</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.dofd.info/" data-link-type="external">Doctrine of Discovery</a></p> <p class="bundleitem-description">The Doctrines of Christian Discovery (DoCD) originate with 15th century Papal Bulls that were issued...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://aila.social/" data-link-type="external">Amerian Indian Law Alliance</a></p> <p class="bundleitem-description">The American Indian Law Alliance (AILA) is an Indigenous NGO that works with Indigenous nations,...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://000000076.xyz/" data-link-type="external">76 Oranges</a></p> <p class="bundleitem-description">76 Oranges is a design studio that creates modern, colorful, and fun art for your everyday life. We...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.stephaniewyatt.tel/" data-link-type="external">Stephanie Wyatt</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://keytik.netlify.app/" data-link-type="external">KeyTik</a></p> <p class="bundleitem-description">Multi-Profile Key Remap, Clicker, Macro, and More.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://themisplay.com/" data-link-type="external">The Misplay</a></p> <p class="bundleitem-description">A podcast about making a company making a board game</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://heavy.rocks/" data-link-type="external">heavy dot rocks</a></p> <p class="bundleitem-description">Personal blog site, no specific topics or categories.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.award-winning-books.com/" data-link-type="external">Award Winning Books</a></p> <p class="bundleitem-description">Curated award-winning titles to help you experience the best of literature.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.homezoo.org/" data-link-type="external">Home Zoo</a></p> <p class="bundleitem-description">Archive for a pet blog that ran from 2006-2007.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://campaign-url-builder.com/" data-link-type="external">Campaign URL Builder</a></p> <p class="bundleitem-description">Use the Campaign URL Builder to easily add campaign parameters to URLs so you can track Custom...</p> </div></div><p></p> 2024-12-10T00:00:00Z https://11tybundle.dev/blog/11ty-bundle-62/

11ty Bundle Issue 62

<p><em>An email version of this blog is available. <strong><a href="https://11tybundle.dev/blog/11ty-bundle-62/#newsletter-subscribe">Subscribe here</a></strong>.</em></p> <hr /> <p><strong><em>Some notes from Bob:</em></strong></p> <p>I'm utterly noteless this week.</p> <hr /> <p><strong>Raymond's video series.</strong> <a href="https://www.raymondcamden.com/">Raymond Camden</a>, the author with the <a href="https://11tybundle.dev/authors/raymond-camden/">most posts on this site</a> (103 as of this writing) has a <a href="https://www.youtube.com/watch?v=t5lfwd5KScM#t=14m47s">two</a> <a href="https://www.youtube.com/watch?v=KY9B90-nmgk">part</a> video series titled <em>&quot;Let's Build a blog Like it's 1990.&quot;</em> If you're wanting to build a blog with with Eleventy, this is a great place to start.</p> <p><strong>Build an image gallery.</strong> <a href="https://nathanupchurch.com/">Nathan Upchurch</a> shows us how be <a href="https://nathanupchurch.com/blog/galleries/">built an image gallery</a> with Eleventy. And he shares a demo with <a href="https://nathanupchurch.com/gallery/pop-tart-flavor-memes/">Pop Tart Flavor Memes</a>. Nathan's post joins the others in the <a href="https://11tybundle.dev/categories/image-galleries/">image galleries category</a>.</p> <p><strong>Equilibrium in the UK.</strong> One thing I love about the RSS reader that I use, <a href="https://www.inoreader.com/">Inoreader</a>, is that it uncovers feeds that I am not even following, using its 'Monitoring feeds' feature. It monitors various sites in its universe and captures those that have user-defined keywords. This week, I was thrilled to uncover a significant author of Eleventy content. He goes by the handle <em>'equilibriumuk'</em>. You can find <a href="https://equk.co.uk/">his website here</a> and the <a href="https://11tybundle.dev/authors/equilibriumuk/">list of his Eleventy posts here</a>.</p> <p><strong>11ty at the Louvre.</strong> This just in, here are two pages at the website of the Louvre museum in Paris that are built with Eleventy. Here's the <a href="https://livres.louvre.fr/">top-level books page</a> and one of the <a href="https://livres.louvre.fr/steles-puniques-carthage/">pages for a specific book</a>. Who said Eleventy wasn't culturally appropriate?</p> <p><strong>Eleventy versions.</strong> The exceptionally helpful Discord user, known as <em>'vrugtehagel,'</em> shared an observation that I was unaware of. In the top navigation of the <a href="https://www.11ty.dev/">Eleventy website</a>, there's a dropdown menu showing all of the Eleventy versions, titled <em>&quot;Versions.&quot;</em> Not sure if this is new or if I just missed it. But it's kinda cool to see.</p> <p><strong>Autofocus in the search?</strong> I have turned on the autofocus option in the Pagefind search that I use here. What that means is that when you land on any page of the site, all of which contain the search box at the top, your cursor will be pre-positioned in the search box. It seems that a large majority of visitors to the site enter on the home page. I am making the assumption that they've come to search. So rather than having to move your cursor to the search box, it's already there. I'm curious to know if you think this is a good idea or not. I do realize that this may pose an accessibility problem for some. I'd welcome any thoughts on this, <a href="mailto:bob.monsour@gmail.com?subject=Comment:%20Autofocus">via email</a>.</p> <p>Until next time...</p> <hr /> <h2>Recent releases</h2> <p></p><div class="bundlereleases" data-pagefind-ignore="index"><p></p> <p></p><div class="bundleitem"> <p class="bundleitem-title"><a href="https://github.com/11ty/eleventy-import/releases/tag/v1.0.4" data-link-type="external">Eleventy Import v1.0.4</a></p> <p class="bundleitem-description">Utility to import content from multiple services (and a CLI, too) - Release Eleventy Import v1.0.4 ·...</p> <p class="bundleitem-dateline">Nov 27, 2024</p> </div></div><p></p> <h2>Posts from around the web</h2> <p></p><div class="bundleposts" data-pagefind-ignore="index"> <div class="bundleitem"> <a href="https://www.fastmail.com/blog/building-a-blog/" class="bundleitem-title" ID="callum-skeet-dec-9-building-a-blog-2024-12-09" data-pagefind-ignore="" data-link-type="external">Dec 9: Building a blog</a> <p class="bundleitem-description">A quick look at the tools we used to build our new blog &amp; marketing site.</p> <p class="bundleitem-date">Dec 9, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/callum-skeet/">Callum Skeet (1 post)</a> · <a href="https://www.fastmail.com/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/cms/">CMS</a><a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/deployment/">Deployment</a></p> </div> <div class="bundleitem"> <a href="https://www.coryd.dev/posts/2024/rebuilding-your-netlify-site-at-regular-intervals" class="bundleitem-title" ID="cory-dransfeldt-rebuilding-your-netlify-site-at-regular-intervals-2024-12-06" data-pagefind-ignore="" data-link-type="external">Rebuilding your Netlify site at regular intervals</a> <p class="bundleitem-description">With my site on <a href="https://www.netlify.com/">Netlify</a> I've set up a function to rebuild it at regular intervals (hourly, in my case).</p> <p class="bundleitem-date">Dec 6, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/cory-dransfeldt/">Cory Dransfeldt (46 posts)</a> · <a href="https://www.coryd.dev/">Website</a> &amp; <a href="https://www.coryd.dev/feeds/posts.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://equk.co.uk/2024/12/06/11ty-fix-inline-styles-livereload/" class="bundleitem-title" ID="equilibriumuk-11ty-fix-inline-styles-livereload-2024-12-06" data-pagefind-ignore="" data-link-type="external">11ty Fix Inline Styles Livereload</a> <p class="bundleitem-description">Fixing inline styles in 11ty devmode using a workaround</p> <p class="bundleitem-date">Dec 6, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/equilibriumuk/">equilibriumuk (19 posts)</a> · <a href="https://equk.co.uk/">Website</a> &amp; <a href="https://equk.co.uk/atom.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/css-sass/">CSS/Sass</a></p> </div> <div class="bundleitem"> <a href="https://www.youtube.com/watch?v=KY9B90-nmgk" class="bundleitem-title" ID="raymond-camden-lets-build-a-blog-like-its-1990-part-2-2024-12-05" data-pagefind-ignore="" data-link-type="external">Let's Build a Blog Like it's 1990 - Part 2</a> <p class="bundleitem-description">YouTube video</p> <p class="bundleitem-date">Dec 5, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/raymond-camden/">Raymond Camden (104 posts)</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a><a href="https://11tybundle.dev/categories/youtube/">YouTube</a></p> </div> <div class="bundleitem"> <a href="https://bobmonsour.com/blog/going-all-in-with-native-markdown/" class="bundleitem-title" ID="bob-monsour-going-all-in-with-native-markdown-2024-12-03" data-pagefind-ignore="" data-link-type="external">Going all in with 'native' markdown</a> <p class="bundleitem-description">I've been typing way too much. There are simpler ways to use markdown for images and tables of contents. Here's how I'm doing it.</p> <p class="bundleitem-date">Dec 3, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/bob-monsour/">Bob Monsour (20 posts)</a> · <a href="https://bobmonsour.com/">Website</a> &amp; <a href="https://www.bobmonsour.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/configuration/">Configuration</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/images/">Images</a><a href="https://11tybundle.dev/categories/markdown/">Markdown</a></p> </div> <div class="bundleitem"> <a href="https://nathanupchurch.com/blog/galleries/" class="bundleitem-title" ID="nathan-upchurch-adding-image-galleries-to-my-website-2024-12-02" data-pagefind-ignore="" data-link-type="external">Adding Image Galleries to My Website</a> <p class="bundleitem-description">At last, I've gotten around to implementing image galleries.</p> <p class="bundleitem-date">Dec 2, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/nathan-upchurch/">Nathan Upchurch (4 posts)</a> · <a href="https://nathanupchurch.com/">Website</a> &amp; <a href="https://nathanupchurch.com/feed/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/collections/">Collections</a><a href="https://11tybundle.dev/categories/filters/">Filters</a><a href="https://11tybundle.dev/categories/image-galleries/">Image Galleries</a><a href="https://11tybundle.dev/categories/layouts/">Layouts</a><a href="https://11tybundle.dev/categories/pagination/">Pagination</a></p> </div> <div class="bundleitem"> <a href="https://www.htmlcenter.com/blog/static-website-hosting-with-cloudflare-pages/" class="bundleitem-title" ID="saulius-zukauskas-static-website-hosting-with-cloudflare-pages-2024-11-29" data-pagefind-ignore="" data-link-type="external">Static website hosting with Cloudflare pages</a> <p class="bundleitem-description"></p> <p class="bundleitem-date">Nov 29, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/saulius-zukauskas/">Saulius Zukauskas (1 post)</a> · <a href="https://www.htmlcenter.com/">Website</a> &amp; <a href="https://feeds.feedburner.com/Htmlcentercom">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/deployment/">Deployment</a><a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> <div class="bundleitem"> <a href="https://bobmonsour.com/blog/a-tweak-to-pagefind-use/" class="bundleitem-title" ID="bob-monsour-a-tweak-to-how-i-use-pagefind-2024-11-27" data-pagefind-ignore="" data-link-type="external">A tweak to how I use Pagefind</a> <p class="bundleitem-description">I use the Pagefind package to add search to my personal site. It was returning way too many result for simple words. I made a small tweak to fix that.</p> <p class="bundleitem-date">Nov 27, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/bob-monsour/">Bob Monsour (20 posts)</a> · <a href="https://bobmonsour.com/">Website</a> &amp; <a href="https://www.bobmonsour.com/feed.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a><a href="https://11tybundle.dev/categories/search/">Search</a></p> </div> <div class="bundleitem"> <a href="https://www.youtube.com/watch?v=t5lfwd5KScM#t=14m47s" class="bundleitem-title" ID="raymond-camden-lets-build-a-blog-like-its-1990-part-1-2024-11-07" data-pagefind-ignore="" data-link-type="external">Let's Build a Blog Like it's 1990 - Part 1</a> <p class="bundleitem-description">YouTube video</p> <p class="bundleitem-date">Nov 7, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/raymond-camden/">Raymond Camden (104 posts)</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/blogging/">Blogging</a><a href="https://11tybundle.dev/categories/getting-started/">Getting Started</a><a href="https://11tybundle.dev/categories/youtube/">YouTube</a></p> </div> <div class="bundleitem"> <a href="https://minimo.io/blog/migrating-a-800-pages-wordpress-site-to-eleventy/" class="bundleitem-title" ID="nicolas-erramuspe-migrating-a-800-pages-affiliate-wordpress-site-to-eleventy-2024-04-04" data-pagefind-ignore="" data-link-type="external">Migrating a +800 pages affiliate Wordpress site to Eleventy</a> <p class="bundleitem-description">How to successfully migrate an iGaming site to (dramatically) increase performance and security</p> <p class="bundleitem-date">Apr 4, 2024</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/nicolas-erramuspe/">Nicolás Erramuspe (1 post)</a> · <a href="https://minimo.io/">Website</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/internationalization/">Internationalization</a><a href="https://11tybundle.dev/categories/migrating-to-eleventy/">Migrating to Eleventy</a></p> </div> <div class="bundleitem"> <a href="https://equk.co.uk/2023/06/26/using-esbuild-with-eleventy/" class="bundleitem-title" ID="equilibriumuk-using-esbuild-with-eleventy-2023-06-26" data-pagefind-ignore="" data-link-type="external">Using Esbuild With Eleventy</a> <p class="bundleitem-description">I'm equilibriumuk, a software engineer. I write about programming &amp; computer related topics</p> <p class="bundleitem-date">Jun 26, 2023</p> <p class="bundleitem-dateline">by <a href="https://11tybundle.dev/authors/equilibriumuk/">equilibriumuk (19 posts)</a> · <a href="https://equk.co.uk/">Website</a> &amp; <a href="https://equk.co.uk/atom.xml">RSS feed</a></p> <p class="bundleitem-categories" data-pagefind-ignore="">Categories: <a href="https://11tybundle.dev/categories/how-to/">How to...</a></p> </div> </div><p></p> <h2>Built with Eleventy</h2> <p>Here are the new sites to see. If you want to see more sites, check out the <a href="https://www.11ty.dev/speedlify/">Eleventy Leaderboards</a>.</p> <p></p><div class="bundlesites" data-pagefind-ignore="index"> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://v8.dev/" data-link-type="external">V8</a></p> <p class="bundleitem-description">V8 is Google’s open source high-performance JavaScript and WebAssembly engine, written in C++.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://webchronicle.dev/" data-link-type="external">web chronicle</a></p> <p class="bundleitem-description">A web archiving tool that captures and explores snapshots of webpages over time, similar to the...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://minimo.io/" data-link-type="external">minimo</a></p> <p class="bundleitem-description">I&amp;#39;m a Developer interested in bringing performant digital ideas to life.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.bergqvist.it/" data-link-type="external">Fredrik Bergqvist</a></p> <p class="bundleitem-description">Web developer with more then 25 years of experience. Writing about javascript and front end...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://okuno.osaka/" data-link-type="external">奥野製作所</a></p> <p class="bundleitem-description">アルミ・ステンレス・伸銅品等の金属プレス成型加工</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://blog.frost.kiwi/" data-link-type="external">FrostKiwi's Secrets</a></p> <p class="bundleitem-description">TechBlog and secret sauce recipes of Wladislav Artsimovich</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://sinovi.uk/" data-link-type="external">Si Novi</a></p> <p class="bundleitem-description">Si Novi is a software development consultancy based in the UK. We advise on, architect, build and...</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://blog.andrewshell.org/" data-link-type="external">Andrew Shell's Weblog</a></p> <p class="bundleitem-description">Strategies for thinking, learning, and productivity.</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://equk.co.uk/" data-link-type="external">Equk's Blog</a></p> <p class="bundleitem-description">I&amp;#39;m equilibriumuk, a software engineer. I write about programming &amp;amp; computer related topics</p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://www.fastmail.com/blog/" data-link-type="external">Fastmail Blog</a></p> <p class="bundleitem-description"></p> </div> <div class="bundleitem"> <p class="bundleitem-title"><a href="https://livres.louvre.fr/" data-link-type="external">Books at the Louvre</a></p> <p class="bundleitem-description"></p> </div></div><p></p>