Issue 58 - Eleventy v3-beta.2: The Final Countdown, v3 docs ready to roll, The Eleventy Meetup happened, Template syntax plugins hit 1.0.0, Migrating from Wordpress to Eleventy, How real Shopify sites perform, Connecting Notion to Eleventy, Fursuiting is a thing...And 4 releases, 12 posts and 12 sites to see
Oct 1, 2024
5 minutes to read
Welcome to Issue 58 of the 11ty Bundle. 11ty, aka Eleventy, is a "simpler static site generator" that is designed to be simple, flexible, and highly customizable. It is built on Node.js and allows developers to create websites by transforming templates and data into static HTML files. It supports multiple template languages, giving developers the freedom to choose the languages that best suit the needs of their project.
An email version of this blog is available. Subscribe here.
Had a great time in New Jersey with friends and family...still recovering from excess food and drink. But...I'm back! And with v3 at our doorstep, I may have to go back to a weekly schedule...we'll see.
Eleventy v3-beta.2: The Final Countdown. Eleventy v3.0.0-beta.2 has hit the streets. This could be the final beta before the stable release. Click that link to see the release notes.
v3 docs ready to roll. Zach has been very busy adding v3 docs for various features. They include the following (and more):
- use of memoize with several built-in filters
- an update on content dates
- validating data
- ESM shown as default, with CJS alongside
- plugins can be async
- exposing universal filters and shortcodes in the config API
- better error messaging for permalinks lacking a trailing slash
There were links in the GitHub posts about these, but they'll be short-lived, so I won't provide them here. I can't wait to see v3 hit and the docs enter production. I just can't tell you when that's gonna happen. But it's coming.
This just in (Sep 30, 2024, 2:14pm Pacific Time): a massive pull request titled v3.0.0 Stable Release Documentation has been sighted.
The Eleventy Meetup happened. There were two great talks at the recent Eleventy Meetup. Helen Chong described how she upgraded her site from v2 to v3. And Estela Franco showed us how to use Storyblok with Eleventy. Be sure to sign up for the newsletter to be notified of upcoming events.
Template syntax plugins released. The official template syntax plugins recently reached v1.0.0 status:
- EJS
- HAML
- Handlebars
- Mustache
- Pug
Migrating from Wordpress to Eleventy. For some reason, people might be looking for ways to migrate their Wordpress sites to Eleventy. I won't get into these "reasons," but for those interested, Will Boyd has a utility called wordpress-export-to-markdown that might be of interest.
How real Shopify sites perform. Sia Karamalegos built an Eleventy site showing how real Shopify sites perform. The site is called Shopify Theme Vitals. If you or your clients run a Shopify site, there might be some good learnings here.
Connecting Notion to Eleventy. Stefan Brechbühl, who I just came across, has a plugin and blog post on connecting Notion to Eleventy. They're from earlier this year, but I've just uncovered them.
Fursuiting is a thing. BristolFurs is one of the recent sites built with Eleventy. I was not aware that Fursuiting was a thing. But it is. And this site is a thing. And it's built with Eleventy.
Until next time...
Recent releases
Eleventy v3.0.0-beta.2: The Final Countdown
A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...
Sep 30, 2024
eleventy-plugin-template-languages pug 1.0
Official template syntax plugins for Eleventy. Contribute to 11ty/eleventy-plugin-template-languages...
Sep 26, 2024
eleventy-plugin-vite v5.0.0-alpha.5
A plugin to use Vite with Eleventy. Contribute to 11ty/eleventy-plugin-vite development by creating...
Sep 17, 2024
Little bundles of code, little bundles of joy. Contribute to 11ty/eleventy-plugin-bundle development...
Sep 11, 2024
Posts from around the web
Eleventy Collections from an API
I've been tinkering with a new Eleventy project and decided to fire it up using the 3 beta version. I started by creating two collections using markdown files. Each collection had a template…
Sep 24, 2024
by Trevor Morris (8 posts) · Website & RSS feed
Categories: CollectionsFiltersHow to...Pagination
Syndicating an RSS feed to Mastodon using a Cloudflare worker
Everything shared from my site to Mastodon runs out of a single all activity RSS feed. You're welcome to subscribe to it, but it's formatted with social syndication in mind — emojis, hashtags and truncation that match that use case. This feed is populated from a fairly verbose processContent collection. It also populates my sitemap and search index since there's plenty of overlap in format and the data being handled. Anyways.
Sep 22, 2024
by Cory Dransfeldt (36 posts) · Website & RSS feed
Categories: CollectionsHow to...RSS
Exclude specific tags in Eleventy using a custom filter
Exclude specific tags in Eleventy using a custom filter to display related tags on a blog post without certain tags. Learn how to implement the 'exclude' and 'limit' filters in Eleventy for tag display.
Sep 21, 2024
by Christian Fei (1 post) · Website & RSS feed
Categories: CollectionsFiltersHow to...
Newspaper style layout for my content
I designed a layout in the style of an old broadsheet newspaper.
Sep 15, 2024
I Moved to Cloudflare
After some recent incidents involving Netlify and Vercel, I decided to play it safe and move my website and another side project to Cloudflare.
Sep 15, 2024
by Aleksandr Hovhannisyan (14 posts) · Website & RSS feed
Categories: DeploymentHow to...
I rebuilt my website from scratch with WebC
The background and design decisions that went into my new website.
Sep 14, 2024
notion2eleventy
notion2eleventy is a plugin for the Static Site Generator Eleventy (short: 11ty). It loads content from Notion into your 11ty directory. A status-based workflow ensures that only content that has changed is downloaded. The plugin is available as a Node module at npmjs.com.
May 10, 2024
by Stefan Brechbühl (3 posts) · Website & RSS feed
Categories: How to...PluginsRemote Data
Importing bookmarks to 11ty with the Pocket API
Pocket offers an API with which the saved bookmarks can be used and customized. I make use of this and save the data in a bookmark post on stebre.ch. Bookmarks with a specific tag are taken into account. After processing, the link saved on Pocket is archived.
Mar 6, 2024
by Stefan Brechbühl (3 posts) · Website & RSS feed
Categories: How to...Remote Data
Connect 11ty with Notion
Für stebre.ch und bisher zwei weiteren Websites habe ich mir etwas neues ausgedacht. Da verwende ich neu den lieb gewonnen Static Site Generator 11ty in Kombination von Notion, einem vielseitigen Content Tool in der Cloud.
Feb 2, 2024
by Stefan Brechbühl (3 posts) · Website & RSS feed
Categories: How to...Remote Data
Enabling Emoji Shortcodes in Eleventy Markdown Files
Turn on emoji shortcodes in markdown files in Eleventy by adding the markdwon-it-emoji plugin.
Nov 24, 2021
by Wes Goulet (1 post) · Website & RSS feed
Categories: How to...MarkdownShortcodes
Built with Eleventy
Here are the new sites to see. If you want to see more sites, check out the Eleventy Leaderboards.
Branden Higby’s Hypertext Garden
Shopify CRO Audit by CRO Media. We are a dedicated team specializing in Shopify Conversion Rate...
Design your own personal page and find tools to host it for free.
Explore real-world Core Web Vitals performance data for popular Shopify themes.
Creative visual and graphic designer specializing in impactful branding, web design, and digital...
The Personal Website of Gaurav Singh
Grundrechte schützen - Bundestrojaner stoppen!
Deine Stimme zählt! Ein Bundestrojaner ist verfassungswidrig und scheitert an der technischen...
SteBre is the website of Stefan Brechbühl.
Personal landing page of iamdtms.
We are a different kind of web design agency - we hand code all our sites without using clunky page...