Issue 47 - v3.0.0-alpha.11 is here!, Typescript & JSX in the docs, An updated dev server, More posts 'From the Source', A new bundle item layout here...And 3 releases, 5 posts, and 9 sites to see
Jun 11, 2024
3 minutes to read
Welcome to Issue 47 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.
v3.0.0-alpha.11 is here! The latest release of Eleventy canary is out.
Typescript & JSX in the docs. Also coming with alpha.11 are Typescript and JSX support as real live template languages. It's all described in the docs, here for Typescript, and here for JSX.
An updated dev server. The Eleventy Dev Server has been updated to v2.01 and will arrive in Eleventy core with the release of v3.0.0-alpha.11 (not quite yet). Check out the release notes.
More posts 'From the Source'. I did some backfilling of selected posts from Zach's blog and added them the 'From the Source' category. I chose the highlights over the last couple of years, including all the "n millions" download milestones, for n = 2 to 8.
A new 'bundle' item layout here. In case you didn't already notice, I've made some small design changes to the layouts of the bundle posts that make up the site. In short: (1) moved the post date to just below the description, (2) added the number of posts by the author, (3) added a link to the website that is the source of the post (most often, this is the author's website), and (4) added a link to the RSS feed found on that source. You'll see that some of the posts lack the RSS feed link. If yours is one of them, I'd urge you to follow Jim Nielsen's great advice on how to make your RSS feed discoverable. By adding a link to the head of your site, I'll be able to find your feed. If your site has more than one feed, I link to the first one that I find. Here's what the new bundle layout looks like.
If you're wondering how I built this, I wrote about it over on my site.
One more thing... In the last issue, I described some work that I had done to make the workflow for creating content for this site easier. Gory details are described here.
Until next time...
Recent releases
Eleventy RSS Plugin v2.0.0-beta.7
A pack of Eleventy plugins for generating an RSS feed. - Release v2.0.0-beta.7 ·...
Jun 10, 2024
A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...
Jun 10, 2024
A minimal generic web-development web server. Contribute to 11ty/eleventy-dev-server development by...
Jun 4, 2024
Posts from around the web since the last Bundle issue
Get image pixel colours in Eleventy/Node
How to get colour information from images at build time when using Eleventy (or Node more generally).
Jun 7, 2024
by Sam Smith (1 post) · Website & RSS feed
Eleventy - Convert a RSS Feed to a collection
I want to create an archive of all my writing. One source is the author RSS feeds of blogs I wrote for. How about I turn it into an eleventy collection?
Jun 5, 2024
by Rob O'Leary (11 posts) · Website & RSS feed
Categories: CollectionsHow to...Remote DataRSS
Integrating a (somewhat) custom CMS with Eleventy
I've spent the last, uh, month or so inching my way towards leveraging a CMS to manage the content on this site. It started with improving my self-hosted scrobbling setup, importing yet more of my personal data and then looking around at friendlier options to manage what I'd spun up.
Jun 3, 2024
by Cory Dransfeldt (42 posts) · Website & RSS feed
Categories: CMSCollectionsLayoutsRemote Data
How I use Shiki in Eleventy
I'm using Shiki as a syntax highlighter in my Eleventy site. I recently added a caching layer to speed up builds.
Jun 3, 2024
by Stefan Zweifel (2 posts) · Website
Categories: How to...
Built with Eleventy
Here are the new sites to see. If you want to see more sites, check out the Eleventy Leaderboards.
A podcast by a UFO nerd and his tolerant friend. Because if UFOs are real… what else? If any of this...
Transloadit is the world’s most advanced file uploading and processing service aimed at developers....
Discover the best job boards tailored to your needs. Our comprehensive aggregator lists job boards...
I’m a founder, principal product designer, and photographer based in Narrm. I care about building a...
Explore the portfolio of Nihad Obralić, a seasoned UI designer and developer specializing in...
Since 1998 I’m developing websites and software, do logo design and occasional classic print design....
genehack.org is the homepage of john sj anderson aka genehack
- Previous post: Issue 46 - The 11ty-hundredth Post!!!, A 'From the Source' catgory, A new 'Getting started' post, Max shows us how he updated to v3, Google Sheets ain't my DB no mo...And 9 posts and 4 sites to see
- Next post: Issue 48 - We're up to v3.0.0-alpha.13!, Getting started made easier, Deep dive posts by Jonathan Lau, MDX is now a supported template language, A new 'Upgrading' category...And 4 releases, 11 posts, and 12 sites to see