Firehose 1,608
2024
Eleventy 3 Upgrade
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.
By John M. Wargo (45 posts)
Displaying Eleventy Version on a Page
Describes how I display Eleventy build information on this site and how I had to change the process for Eleventy 3.0.
By John M. Wargo (45 posts)
Accessible Eleventy Gallery
An adaptation of Kalechip's Static Accessible Gallery Generator for Eleventy.
By Sainthood (1 post)
Learning 11ty by adapting a Jekyll Template
HTTP 301 redirects in Eleventy
Migrating to 11ty
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.
By Matt Hobbs (7 posts)
Adding Random Content Using Eleventy
Learn how to use Eleventy to add dynamic, random content like film quotes or targeted Q&A sections to your website. A step-by-step guide with practical examples and code snippets.
By Stu Robson (1 post)
Dec 9: Building a blog
A quick look at the tools we used to build our new blog & marketing site.
By Callum Skeet (1 post)
Rebuilding your Netlify site at regular intervals
With my site on Netlify I've set up a function to rebuild it at regular intervals (hourly, in my case).
By Cory Dransfeldt (46 posts)
11ty Fix Inline Styles Livereload
Building a Goodreads bookshelf for 11ty
An idiot's guide to adding open graph images to an 11ty blog
Going all in with 'native' markdown
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.
By Bob Monsour (20 posts)
Adding Image Galleries to My Website
At last, I've gotten around to implementing image galleries.
By Nathan Upchurch (4 posts)
A tweak to how I use Pagefind
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.
By Bob Monsour (20 posts)
Eleventy Introduction
An introduction to Eleventy (11ty). Contribute to jeromecoupe/iad_eleventy_introduction development by creating an account on GitHub.
By Jรฉrรดme Coupรฉ (10 posts)
Eleventy Transform speeds local development...a lot!
I just converted all the images on my site to use the Eleventy Transform capability in v3.0.0 and wow did it slash my local build times.
By Bob Monsour (20 posts)
Archiving your Twitter account with Eleventy
The Twitter we knew is dead, but I wanted to preserve an archive of my account, on my own terms. Here's how I did it.
By Graham F. Scott (5 posts)
How to build static website with 11ty
In this tutorial, you will learn how to create lean, multipage static website with 11ty framework. Use Markdown for content management.
By ProDeveloper (2 posts)
WordPress to Eleventy - The Why and How
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.
By Gregory Hammond (3 posts)
Integrating Jupyter Notebook Cells in Eleventy Posts
Blog about programming, scientific machine learning and the related techniques and methods.
By Valentin Pratz (2 posts)
Adding Password Protection to 11ty Pages Using PageCrypt
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
By Cody Sand (1 post)
Becoming an Astro-not
I spent an entire weekend migrating my Eleventy site to Astroโand then back to Eleventy! A reflection on using the right tool for the job, when many options are viable.
By Sage Fennel (1 post)
Oops, I built a headless frontend with 11ty
Here's how this is all put together
I've been fiddling with this site for the better part of a year now and now that it's fairly stable, I'm putting together what amounts to a public `README` (or a note to self). This post is that document.
By Cory Dransfeldt (46 posts)
Adding Cooklang Support to Eleventy Three Ways
How I added my recipes to my blog posts with cooklang and the recipe schema
By Robb Knight (20 posts)
Building My Resume in HTML using Eleventy
By Michael Engen (1 post)
Eleventy (11ty) year, year-month, and year-monty-day indexes
Share to the Fediverse with ShareOpenly
A share button that connects to Mastodon, Bluesky, Micro.blog, Threads and more. Here's how I've hooked it up to Eleventy.
By Kelson Vibber (1 post)
Building an album releases calendar subscription
As part of tracking the music I listen to I also keep track of upcoming albums. When I add an album, I also have fields for release dates and links.
By Cory Dransfeldt (46 posts)
Open Graph Metadata and Images in Eleventy Made Easy
Blog posts are meant to be shared. When sharing links, youโll often see a preview on social media and instant messengers. But how does it work and how can you do it with Eleventy?
By Sebin Nyshkim (3 posts)
Dynamic social share images using Cloudinary
Automatically generate unique Open Graph images for each page of your website
By Sia Karamalegos (13 posts)
11ty meetup: Tracking and displaying music history
I got to speak at the 11ty meetup today about the music tracking contraption I've built into my site. I have a fairly detailed post on how I built it and [another on the method I'm using to render dynamic media (read: m
By Cory Dransfeldt (46 posts)
Dynamic pages with 11ty and Cloudflare workers
I *was* rendering about 3300 pages every time my 11ty site built โ probably overkill. About 615 artist pages, 1200+ movie pages, 500 show pages, 500 for books and ~35 for genres. Whew. Build times hovered at about a minute (still very impressive!) but would only ever increase
By Cory Dransfeldt (46 posts)
Responsive, Self-hosted Images for Your Eleventy Blog
While you can certainly host your image files with the Git repo your Eleventy site is checked into, or add them manually after building it, neither option is ideal if you want responsive images in multiple formats to save precious bandwidth.
By Sebin Nyshkim (3 posts)
Upgrading 11ty to v3
Using Coolify for deploying 11ty
I've been meaning to try Coolify for ages, as a self-hosted Netlify alternative. A couple of recent discussions prompted me to try it out
By Lewis Dale (5 posts)
Building a Blog with Eleventy
I recently felt like getting back into blogging. But setting up and maintaining WordPress felt like more than I was looking for. I was looking for something much simpler. Preferably file-based and with Markdown support. That was my introduction to Eleventy.
By Sebin Nyshkim (3 posts)
11ty upgrading node in netlify
Simon Cox fixes a failed 11ty build on Netlify by identifying a mismatch in Node versions, updating config settings and documenting the troubleshooting process.
By Simon Cox (16 posts)
11ty and Ghost
Alex talks at length about what it's like using both Ghost and 11ty for two different blogs.
By Alex Ward (4 posts)
Prairie Rose Arena - Project Notes
11ty recursive _site error
Before today I blogged with raw HTML, like an animal. When I switched to Eleventy, I got an intriguing recursive error.
By John Skiles Skinner (2 posts)
How I teach Eleventy from scratch
I love how in Eleventy, you can build a site step-by-step and at each small step, have a functional website. In this post, I describe a workshop structure Iโve used lately to teach a few of my friends how to build a static site with Eleventy.
By Juha-Matti Santala (22 posts)
Aggregating content using collections in Eleventy
I have a bunch (too much?) content on this site and I use a collection containing a few child functions to aggregate all of it into a sitemap, search index and unified feed that gets syndicated to Mastodon.
By Cory Dransfeldt (46 posts)
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.
By Trevor Morris (8 posts)
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 `processConten
By Cory Dransfeldt (46 posts)
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.
By Christian Fei (1 post)
My Decap CMS setup with 11ty hosted on Cloudflare Pages
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.
By Aleksandr Hovhannisyan (14 posts)
I rebuilt my website from scratch with WebC
The background and design decisions that went into my new website.
By Fynn Becker (3 posts)
Updating Eleventy...and more
Bernard Nijenhuis โข Front-end Developer โข Katwijk, The Netherlands โข Father of 3 kids โข Husband to 1 wife โข Owner of 2 cats
By Bernard Nijenhuis (8 posts)
Eleventy - Zero JS charts
It'd be cool to be able to sprinkle in some charts to your website easily. And without a lick of client-side JavaScript.
By Rob O'Leary (13 posts)
Moving my website from Jekyll to Eleventy
I've moved my website from Jekyll to Eleventy, and added some new features in the process.
By John Peart (1 post)
Eleventy - Is it time to upgrade to version 3?
Version three of Eleventy has some exciting new features. It is now in beta pre-release. Is it time to upgrade?
By Rob O'Leary (13 posts)
Tips for Running 11ty on Cloudflare Pages
Eleventy Images Just Got Better
Eleventy 3.0 adds a new API to optimize images anywhere on your site, without shortcodes.
By Aleksandr Hovhannisyan (14 posts)
Dynamic Importing with Eleventy
After organising Eleventy filters, shortcodes etc I had an idea to tidy the code even more and make it dynamic. I wanted to automatically import any new functions that were added, including new when using files.
By Trevor Morris (8 posts)
Using Environment Variables in Eleventy Content Pages
Explains how you can use environment variables in Eleventy content pages
By Florian Eckerstorfer (9 posts)
Live CMS Previews with Sanity and Eleventy
How to set up on-demand building in Eleventy to allow live content previews with Sanity CMS.
By Max Bรถck (8 posts)
Oddbirdโs Winging It Live: Web Components
Eleventy Filters in Collections
If you're building up a custom Eleventy collection using addCollection, you may need to use existing filters to create the desired data.
By Trevor Morris (8 posts)
Organising Eleventy Filters, Shortcodes and moreโฆ
I work a lot with the Laravel framework, which scaffolds much of your initial setup and has conventions for where code should be stored. Starting a brand new Eleventy project from scratch doesn't give you this boilerplate and means you have to make decisions about where everything lives.
By Trevor Morris (8 posts)
Eleventy Date Filter with Ordinals
When working with dates in JavaScript, you probably reach for a library to help you parse, manipulate and display the values. For a recent Eleventy project, I used Luxon โ the successor to the popular JavaScript date/time library Moment.js.
By Trevor Morris (8 posts)
Making a Comment System with Eleventy and Netlify
Simple Eleventy 3 Excerpts
Sometimes it makes sense to write a unique excerpt. But sometimes the beginning of the page content works well enough, which is why manyโฆ
By Tyler Sticka (3 posts)
A feed for everything and everything in a feed
At the moment my site has 6 different feeds. 5 RSS feeds, an ICS feeds and JSON versions of the 5 RSS feeds. I was asked how they're put together and, well, it's a bit involved.
By Cory Dransfeldt (46 posts)
Migrating from Netlify to Cloudflare for AI bot protection
How I migrated my static site from Netlify to Cloudflare including setting up Functions to handle contact form requests
By Sia Karamalegos (13 posts)
Upgraded to Eleventy 3.0 (Beta)
My experience upgrading this blog to the latest Eleventy blog.
By Raymond Camden (104 posts)
Deploying on Netlify with Appleโs Shortcuts
Writing about the big beautiful mess that is making things for the world wide web.
By Jim Nielsen (1 post)
Managing drafts for Eleventy
By Nathan Smith (2 posts)
Eleventy v3.0.0-beta.1 now available
Syntax highlighting in Eleventy
By Nathan Smith (2 posts)
IMPROVED ERROR MESSAGING FOR REQUIRE(ESM) IN NODE.JS
Porting to 11ty v3 and TypeScript
In which I detail how I ported recipes.genehack.org to 11ty v3 and Tyescript
By John Anderson (1 post)
July Project Updates
An update on two projects Iโve been working onโone new and one oldโbased on some development oversights Iโve made in the past that Iโd like to prevent going forward.
By Chris Burnell (8 posts)
Aboard the Eleventy 3.0 Train
My developer portfolio and blog website has been officially upgraded to Eleventy 3.0.
By Helen Chong (7 posts)
It turns out a CMS can be pretty awesome
Having a CMS to update your site can be awesome. It's not strictly necessary and mine is entirely over-engineered but here we are. It's helpful on mobile, it's been incredibly useful on desktop.
By Cory Dransfeldt (46 posts)
This site is under construction!
Notes on migrating this website from Jekyll to Eleventy, as well as a bit of (re)design in the open.
By Chris Henrick (1 post)
This site goes up to Eleventy.
I just migrated this little websiteโs internals over to Eleventy. If I did my job right, you wonโt notice the change.
By Ethan Marcotte (2 posts)
Building a Euros sweepstake website with 11ty
Getting my top posts from Umami
I recently started using umami.is for website analytics, and figured I could use the API to output some stats about my blog
By Lewis Dale (5 posts)
GitHub Pages Reboot With 11ty
I've had my repos listed on my GitHub pages for 14 years, it was time to revisit it.
By John Hobbs (4 posts)
Dynamic Websites with Static Site Generators
What if you used your static site generator to output PHP instead of HTML?
By Evan Sheehan (8 posts)
Fetching Achievements and Trophies for my Game Collection Page
How I'm fetching trophy and achievements to show on my game collection
By Robb Knight (20 posts)
Highlighting the Active Navigation Link in Eleventy Using Templates, Shortcodes, and the Page Object
Using templates, shortcodes, and the Eleventy supplied data for highlighting the current page in navigation
By nonnullish (3 posts)
Add Squirrelly Support to Eleventy
Building a Web Version of Your Mastodon Archive with Eleventy
Turning your Mastodon archive into a web site with Eleventy
By Raymond Camden (104 posts)
Adding the New Mastodon Link Attribution Meta Tag
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
By Chris McLeod (7 posts)
Building out a books page
I had a ton of fun reading about how Melanie put together her reading page that I thought I'd write up a quick post on how I built mine.
By Cory Dransfeldt (46 posts)
An alarmingly concise and very hinged summary of what it was like to build this site from scratch
Building a Custom Filter for Eleventy Collections
Lists are wonderful, and filters make them better. This article is about building a custom filter for Eleventy collections.
By Tom Doe (10 posts)
Adding Cooklang Support to my Eleventy Blog
How I added cooklang to my blog and the 11ty extension I created in the process
By Matthew Paul (1 post)
THE SMORGASBORD OF WINDOWS TERMINALโฆ WINDOWS
Adding a Photo Stream to an Eleventy Site
Fetching all my public photos from Flickr & putting them on my page
By nonnullish (3 posts)
Upgrade 11ty to v3, reorg, ESM, and debug
New Reading page, powered by the Airtable API
A walkthrough on how I used Eleventy and the Airtable API to power a bookshelf pages with books Iโve read
By Melanie Richards (1 post)
Nested pagination with 11ty
Organizing NPM Build Scripts
I recently took an existing codebase and ported it over to Eleventy. The main purpose was to recreate the website with existing markdown files and CSS. Creating the collections and templates was the bulk of the work, but I also needed the CSS to work.
By Trevor Morris (8 posts)
Showing Omnivore links as Bookmarks
Saving links to Omnivore and using labels to display those as bookmarks on my website
By Clayton Errington (19 posts)
Twenty year celebration: Site update number three
By Peter Sefton (1 post)
Upgrading to Eleventy v3
I took some time this week to upgrade my site to the newest version of Eleventy. Here's what I learned.
By Alex Zappa (2 posts)
Adding Github-Style Markdown Alerts to Eleventy
How I added support for callouts/alerts to this site
By Robb Knight (20 posts)
Adding view count and like button to 11ty
How to mix static and dynamic content so you can spend more time in a void
By Megaemce (1 post)
Webmentions and 11ty
Eleventy collections using the built in tags key
In Eleventy, when you place a JSON file, with the same name, as the folder, within that folder, the data from the JSON file is automatically applied to all files within that folder. This mechanism is a convenient way to apply metadata to a group of files without having to manually include it in each
By Jeremy Faucher (8 posts)
Blocking Bots with Nginx
How I've automated updating the bot list to block access to my site
By Robb Knight (20 posts)
Eleventy - Add CSV data file support
It would be cool to be able to drop a CSV file into a project and use it in a page. My motivation was to show bookshelves from my library database
By Rob O'Leary (13 posts)
11ty and Obsidian Template for Solo Play
Umami API Top 10 Pages
Using the Umami API to show the Top 10 pages on my website
By Clayton Errington (19 posts)
Upgrading to Eleventy 3.0
Netlify Large Media forces my hand.
By Mark Llobrera (7 posts)
Displaying Line Numbers in 11ty Code Blocks
Add line numbers to 11ty code blocks with Prism and Markdown-it, bypassing the plugin's DOM-dependency by adjusting the renderer during the build process.
By Jonathan Lau (2 posts)
Readable HTML and CSS
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?
By Rob O'Leary (13 posts)
Eleventy Excellent 3.0
I have decided to change things again: Eleventy Excellent 3.0 now uses ESM, has a new config structure and uses web components.
By Lene Saile (6 posts)
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.
By Cory Dransfeldt (46 posts)
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.
By Stefan Zweifel (2 posts)
Virtual Templates in Eleventy
In Eleventy 3.0, virtual templates enable plugin authors to publish and share dynamic templates.
By Aleksandr Hovhannisyan (14 posts)
Convert Obsidian Image Links to Nunjucks Shortcodes in Eleventy
JavaScript code to convert Obsidian image links to Nunjucks short codes.
By Amy Khar (1 post)
Getting started with Eleventy
The missing getting-started guide for the Eleventy (11ty) static-site generator.
By Sean McPherson (3 posts)
Eleventy - Merge external data with an existing collection
I wanted to make an archive of my writing, merging content I wrote for other websites with my exising 'posts' collection. Here is how I did it.
By Rob O'Leary (13 posts)
Building pages from data in Eleventy
I've expanded the media sections I already had built to include pages generated from data using Eleventy.
By Cory Dransfeldt (46 posts)
Dynamic Content Includes
In this post, I explain how I solved two issues at the same time by introducing a feature to my post layout that Iโm calling pre and post includes.
By Chris Burnell (8 posts)
Upgraded to Eleventy v3
Building with Eleventy
Re(re-re) building my personal site with Eleventy and web components
By Keith Kurson (3 posts)
Migrating from Laravel to Eleventy
I've switched tech stacks again. After 2 years, this website is now powered by Eleventy. This post explains why I did that.
By Stefan Zweifel (2 posts)
Putting a Class on External Links in Eleventy
Some of my Eleventy Filters
In refactoring my website earlier this year, part of my process was to evaluate and revise the many, many Eleventy Filters I use throughout my websiteโs build, so in this post, Iโll run through a handful of them.
By Chris Burnell (8 posts)
THE FUTURE OF 11TY (2024)
Recap of 11ty International Symposium on Making Web Sites Real Good
Last week, the first 11ty Conference, also known as the 11ty International Symposium on Making Web Sites Real Good, took place and it blew my mind. Here are the best parts, which is pretty much everything.
By Juha-Matti Santala (22 posts)
Oppossum Symposium
Explore the highlights of a virtual symposium for 11ty, where community, knowledge, and passion for web technologies collided. From heartfelt kickoff remarks to inspiring speaker insights, join in the celebration of creativity and collaboration in the digital realm.
By Brian Baldock (1 post)
Keeping Out Dark Visitors
One short data file and one tiny template to blockโฆ er, dissuade all AI scrapers and crawlers.
By Shiv J.M. (13 posts)
Create a Blog with Eleventy and Storyblok
This is a step-by-step tutorial on how to create a blog site using Eleventy and Storyblok.
By Estela Franco (4 posts)
Static Sites Do Scale: Eleventy vs. Next.js at 11ty Event
Eleventy is an act of rebellion against the dark forces driving todayโs internet, says its creator. And it turns out, Eleventy does scale.
By Richard MacManus (3 posts)
AN ORGANIZER'S RETROSPECTIVE ON THE 11ty CONFERENCE
My impressions on The 11ty International Symposium on Making Web Sites Real Good
I've seen, dare I say attended, the completely virtual and very first 11ty conference, and I like to share my impressions.
By Tobias Fedder (7 posts)
Weekly Roundup #3 - Possum Edition
11ty Conference Thoughts
My reactions and opinions on the 11ty International Symposium on Making Web Sites Real Good
By Alex Ward (4 posts)
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.
By Stefan Brechbรผhl (3 posts)
A custom collection to sort events with Eleventy
I made a custom collection with a filter to sort events by their custom date data.
By Sami Mรครคttรค (6 posts)
Supporting a full-text RSS feed
Up until now, I've only included a short description for posts in my RSS feed, but I've changed tactics so fellow RSS perverts can choose to read my stuff in their reader of choice.
By Dustin Whisman (5 posts)
Eleventy adoption guide: Overview, examples, and alternatives
Eleventy (11ty) is a compelling solution for developers seeking a straightforward, performance-oriented approach to static site generation.
By Nelson Michael (2 posts)
Eleventy Image problem with Netlify's build
I used wrong slashes in my source code, so Netlify's build step failed while using Eleventy Image.
By Sami Mรครคttรค (6 posts)
Leveraging APIs like Notion with a nice caching system
How I implemented Notion and PSN APIs in my Eleventy build for my Now and Gaming pages.
By Christopher Kirk-Nielsen (14 posts)
Building a Localised Site with 11ty, Sanity & Netlify
In this article, we'll explore how I built a localised website for a client of mine using 11ty, Sanity, and Netlify.
By Ryan Gittings (4 posts)
Handling images with B2, Netlify's image CDN, Hazel and Mountain Duck
I've spent a while hosting and fetching images from bunny.net when my 11ty builds. I had multiple pull zones configured and wanted to leverage bunny.net's transforms, but the pricing of $15/month per zone wasn't feasible.
By Cory Dransfeldt (46 posts)
Upgrading to Eleventy 1.0.1
Surfing The Web And Sharing What I Find
How I surf the web, manage my online bookmarks and share exciting hyperlinks with the community.
By fLaMEd (10 posts)
Notifications for New Eleventy Posts in GitLab - Part 2
An implementation for identifying new posts in an Eleventy site built on GitLab pages and sending post-specific notifications (part 2 of 2).
By Aaron Goldenthal (4 posts)
Deploying An 11ty Project To Shared Hosting
Forget the usual suspects for your website hosting. You should consider shared hosting for your next 11ty project.
By fLaMEd (10 posts)
Better 11ty Development with Tooling
Getting a component-driven development experience that fits nicely into the 11ty zen.
By Paul Everitt (2 posts)
April 2024 Leilukin's Hub Overhaul with Eleventy
I rebuilt my website with the static site generator Eleventy in April 2024.
By Leilukin (1 post)
Improving page load times with pagination in Eleventy
This is probably a very obvious one for everyone; the less content on the page, the quicker it will load.
By Thomas Rigby (8 posts)
Eleventy Nested Pagination
Eleventy (the cool static site generator) has a great feature called Pagination which allows you to iterate over a list of things in chunks and produce multiple output files. As I was migrating this very site over to Eleventy, I found I needed to perform a double pagination. This is when, during pag
By Alistair Deneys (2 posts)
Blockin' Bots with Eleventy
index.md is a valid Eleventy project
Building website projects from the scratch with Eleventy is a delightful process in my experience because in the beginning, all you need is index.md and you can then customise and add on top of it as much as you like.
By Juha-Matti Santala (22 posts)
Rebuilding My Developer Portfolio with Eleventy
I recreated my developer portfolio and blog from scratch with Eleventy.
By Helen Chong (7 posts)
Fixing a typo shaved 4 minutes off my Netlify build time
Notifications for New Eleventy Posts in GitLab - Part 1
An implementation for identifying new posts in an Eleventy site built on GitLab pages and sending post-specific notifications (part 1 of 2).
By Aaron Goldenthal (4 posts)
Enhancing pagination with a page selector
I've made a change to my site's pagination wherein I've enhanced the page count displayed at the bottom of my home and links pages to display the page count in a select element. The select displays a list of all the pages and navigates to the selected page.
By Cory Dransfeldt (46 posts)
2024 redesign
Migrating a +800 pages affiliate Wordpress site to Eleventy
How to successfully migrate an iGaming site to (dramatically) increase performance and security
By Nicolรกs Erramuspe (1 post)
Highlight Code Block Lines In Eleventy with Shiki Twoslash
Eleventy Markdown code block line highlighting made simple
By Henry Bley-Vroman (4 posts)
Numbered Code Block Lines in Eleventy with Shiki Twoslash
Bringing in a third-party library for easy, reliable line numbering
By Henry Bley-Vroman (4 posts)
Why I chose 11ty over NextJS for this site
Why a developer that uses NextJS every day chose 11ty for their personal site.
By Chris Hayes (1 post)
Thirteenth place on Eleventy Leaderboards
My site got to thirteenth place on Eleventy Leaderboards with perfect Lighthouse scores.
By Silvestar Bistroviฤ (3 posts)
Eleventy Tutorial - Create an 11ty Static Site
In this beginner's Eleventy tutorial, learn how to use 11ty by creating a static site with this Static Site Generator.
By Danial Zahid (6 posts)
Eleventy Layout and Template Files: A Complete Guide
Understand the basic concepts of Eleventy Layouts and Templates. Learn how the 11ty static site generator utilizes them in your Eleventy site.
By Danial Zahid (6 posts)
How I shaved 1.5 minutes off my Eleventy build time
I had a revelation earlier today that solved a long-standing performance issue Iโve been having with the initial build of my Eleventy website, and hereโs how it saved me a bunch of time!
By Chris Burnell (8 posts)
Create an Interactive TOC from Markdown-Generated Content
Create an interactive TOC for Markdown in Static Site Generators using the Intersection Observer API.
By Jonathan Lau (2 posts)
Building a Live Preview with Eleventy, Contentful, and Liquid Templating
As a part of the marketing team at Heyflow, I collaborate with people who work on the companyโs website. Although all team members are technically acquainted, sometimes they struggle to update the website. The struggle is not being able to visualize what will change on the page when updating the con
By Silvestar Bistroviฤ (3 posts)
Webmentions Web Component
I got overwhelmed by build steps and decided to fetch my webmentions through a web component.
By Troy V (1 post)
Creating a Reading List with Eleventy and Omnivore
This website includes my personal reading list now. It was built using Eleventy and Omnivore, an approach described in this article.
By Tom Doe (10 posts)
Generating Open Graph preview images for 11ty
Generated Open Graph images, without driving a browser. Here is how I made mine.
By John Hobbs (4 posts)
Lightweight search in Eleventy
I've been using Pagefind for my site search for a while now and would readily recommend it, but I wanted to throw together something a bit lighter weight and customizable.
By Cory Dransfeldt (46 posts)
Generating Eleventy Post Descriptions Using Generative AI
Using Generative AI to automatically generate post descriptions is a great way to save time and ensure consistency across your site. By leveraging tools like ChatGPT, you can quickly create engaging summaries that entice readers to click through and read more. The Describer GenAI extension for Visua
By John M. Wargo (45 posts)
11ty collections tag links
Adding tag links to Eleventy posts for better topic navigation and solving an issue with multiple tags by iterating through them to create proper links.
By Simon Cox (16 posts)
Automate Your Static Site Rebuilds with Netlify Scheduled Functions
Effortlessly automate regular website updates for your static site using Netlify scheduled functions. Set it and forget it - never worry about manual updates again!
By Marc Littlemore (4 posts)
Eleventy excerpts
Everybody seems to implement their own way of generating post excerpts in Eleventy, and here's mine.
By Martin Gunnarsson (9 posts)
We Need to Talk About Your Eleventy Post Dates
Almost everyone using Eleventy is using blog post dates wrong
By Robb Knight (20 posts)
The "IndieWeb" feels like coming home
I moved this site to Eleventy hosted on Neocities and as a result I'm having fun with my website again!
By Nathaniel Daught (1 post)
Group posts by year in Eleventy.js
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
By Jordan Kohl (8 posts)
Automatic image pre-processing in Eleventy, Part 2
A post about the new automatic template image scaling support in Eleventy Image 4.0.0.
By Martin Gunnarsson (9 posts)
I have a Problem with Build Times
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
By Chris McLeod (7 posts)
How I Eleventy
Documenting a refactor that introduced a folder structure and configuration changes, which summarises how I Eleventy.
By Declan Byrd (2 posts)
I archived my tweets
Thoughts on archiving and restoration as it relates to my Twitter feed.
By Lynn Fisher (1 post)
Using an Eleventy event to optimize component JavaScrip
I've added a small event to optimize web component JavaScript when my site builds.
By Cory Dransfeldt (46 posts)
Surfacing most used tags in Eleventy
I made some lightweight design changes to my site, keeping things simple but moving the date up above post headers, surfacing tags below and restoring `Read more` links.
By Cory Dransfeldt (46 posts)
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.
By Stefan Brechbรผhl (3 posts)
Draft Posts in Eleventy
How to Build a Serverless Guestbook
An article about building a serverless guestbook for a static website.
By Tom Doe (10 posts)
Adding inline SVGs to Eleventy.js
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
By Jordan Kohl (8 posts)
Eleventy: pathPrefix and GitHub Pages
Quick step-by-step recipe on how to deploy Eleventy site inside a subdirectory.
By ลukasz Wรณjcik (2 posts)
Eleventy - Group posts by year
A common organisation pattern for a blog is to group posts by year. I will show you how to do this efficiently and succinctly in JavaScript.
By Rob O'Leary (13 posts)
Math equations with Eleventy using TeXZilla
I demonstrate how to make MathML equations using LaTeX markup with TeXZilla.
By Sami Mรครคttรค (6 posts)
Building My Comics Page
How I built my comics page using League of Comic Geeks, a NodeJS module and Eleventy.
By fLaMEd (10 posts)
Deploy an Eleventy site to Cloudflare Pages efficiently with GitHub's action cache
Deploy an Eleventy site to Cloudflare Pages efficiently with GitHub's action cache I have wanted to move this site from Netlify for a while now, but the recent news about their bandwidth p...
By Jonas Brusman (1 post)
Unveiling the Marvels of 11ty's WebC
Are you ready to dive deep into the world of web development and discover a game-changing tool that will revolutionise the way you build websites?
By Ryan Gittings (4 posts)
Search, Webmentions and microformats
Iโve made some updates on my website - letโs talk about them. I added a search functionality with Pagefind, Webmention support both directions and microformats to my blog posts.
By Juha-Matti Santala (22 posts)
Elevating Video Transcripts as Searchable Content
A post by Zach Leatherman (zachleat)
By Zach Leatherman (55 posts)
A roundup of recent updates to my website
Where i describe the recent updates to the kinds of content you'll find on my website
By Grigรธr (2 posts)
Updating 11ty to enjoy ESM
I updated the version of 11ty I use for this blog to the current alpha, to switch from CJS to ESM.
By Tobias Fedder (7 posts)
THE Eleventy Meetup Feb 20th
We had a lovely meetup with the Eleventy community. I talked about building meetup community sites utilizing Global Data Files and Robb talked about how he builds his website with Eleventy, pulling data in from various sources.
By Juha-Matti Santala (22 posts)
10 Reasons Why Static Site Generators Are Perfect for Modern Web Development
Whether you're a startup founder, a small business owner, or part of a larger organisation, navigating the complexities of web development can be daunting. In today's fast-paced digital landscape, where user experience reigns supreme and website performance can make or break your online succ
By Ryan Gittings (4 posts)
Eleventy: custom markup alongside item contents
Short and quick tutorial on how to embed custom HTML content between post paragraphs on an Eleventy site.
By ลukasz Wรณjcik (2 posts)
Weaving music data in and out of my personal website
I started integrating music data into my personal website when I added Last.fm artist and album displays to my now page. Initially, I tried sourcing artist images from a few different services, knowing that Last.fm had updated their API to stop serving them. After a fair bit of searching I found tha
By Cory Dransfeldt (46 posts)
PhD Website: LOUD for Cultural Heritage โ now running with 11ty
I have redesigned my PhD Website โ Linked Open Usable Data for Cultural Heritage (https://phd.julsraemy.ch) โ with 11ty, a static site generator, instead of Omeka S.
By Julien A. Raemy (1 post)
Intro: Bukmark.club
Introducing a new side project: I built a directory of websites that provide a curated collection of bookmarks and/or links to other websites.
By Tom Doe (10 posts)
Using Eleventy to Gobble Up Everything I Do Online
A blog post about how my site works based on a talk I did at the Eleventy meetup
By Robb Knight (20 posts)
Building a bespoke now-playing web component
I've long had a now playing element on the home page of my site that displays either what I've checked into on Trakt, the Lakers' record and who they're playing when a game is on or the last song I've listened to. After leveraging some new web components on my site, I decided to
By Cory Dransfeldt (46 posts)
Refactor by shortcode
I decided to take on some overdue refactoring of the 11tybundle.dev site. Here's what I did.
By Bob Monsour (20 posts)
Using Eleventy to Gobble Up Everything I Do Online
Automatic Mastodon post embeds
I use Nicolas Hoizey's GitHub action to syndicate my web activity to Mastodon. Recently, I removed the display of webmentions from my posts after seeing Chris and Robb discuss some privacy concerns around them. Upon seeing David Darnes' mastodon-post web component, I've gone ahead and ad
By Cory Dransfeldt (46 posts)
Using B2 as a JSON data store
My links page is powered by the Readwise Reader API but because there are, quite reasonably, rate limits in place, I've gone ahead and reduced the page count I fetch on each build and cached older link data from past builds in a B2 bucket.
By Cory Dransfeldt (46 posts)
@fec/eleventy-plugin-asset-pipeline: Better Cache Busting with Eleventy
I have created an Eleventy plugin to easily implement cache busting and asset handling.
By Florian Eckerstorfer (9 posts)
Publishing from Obsidian using 11ty
DeepakNess is an internet generalist who likes learning and working on a mix of things across AI, tech, programmatic SEO, marketing, and more.
By DeepakNess (4 posts)
Eleventy - Differentiate between dev and production builds with unique favicons
It is easy to mix up the dev and production versions of a website in the browser. Let's make them look unique by using different favicons.
By Rob O'Leary (13 posts)
Local links in Eleventy, Part 2
Eleventy now support automatic transforms from local paths to output URLs right out of the box.
By Martin Gunnarsson (9 posts)
Setting up image transforms in Eleventy
Eleventy added a transform option to process images in Eleventy v3.0.0-alpha.5 and Image v4.0.1 so, naturally, I had to set it up on my site. If you don't want to read this post, you can check out the full diff for the changes.
By Cory Dransfeldt (46 posts)
Eleventy ๐ค Immich
11ty RSS Activepieces
A look at enhancing 11ty POSSE with RSS 2.0, Open Graph, and Activepieces
By Jay Cuthrell (2 posts)
How to connect Eleventy and Storyblok
This is a step-by-step tutorial on how to query data from Storyblok to use it in an Eleventy project.
By Estela Franco (4 posts)
LESSONS LEARNED MOVING ELEVENTY FROM COMMONJS TO ESM
Eleventy - Fetch data from the Github REST API to populate a projects page
We will populate a page with data from GitHub. We will use the eleventy-fetch plugin to do this with minimal code and refresh the data every 2 days.
By Rob O'Leary (13 posts)
Added Folder Selection to My New Post Utility
Added an enhancement to my Eleventy New Post utility to support choosing the target folder during post creation.
By John M. Wargo (45 posts)
Check if images are available before optimizing in Eleventy
How to check if a remote image is available before attempting to optimize it using @11ty/eleventy-img.
By Cory Dransfeldt (46 posts)
Assigning an active page in Eleventy navigation
A small tip for computed navigation, when the URL structures donโt all match.
By Anita Cheng (1 post)
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.
By Stefan Brechbรผhl (3 posts)
Slashing by caching
I've reduced the build time for the 11ty Bundle site from 30 seconds to 10 seconds. Here's how.
By Bob Monsour (20 posts)
Different favicon for development build
How to make tabs in the browser always show which build youโre working on.
By Nikita Dubko (1 post)
Top 11 free Eleventy themes for 2024
A curated list of the top 11 Eleventy themes on GitHub in 2024.
By Jaimie McMahon (1 post)
Eleventy - Get autocompletion and doc info in your eleventy config in VS Code
In VS Code, you don't get autocompletion in your eleventy config. You don't get info about functions when you hover over them. Here is how you add it.
By Rob O'Leary (13 posts)
Low-tech Eleventy Categories
Eleventy has built-in tagging and collections capabilities that Iโm riffing on to show you how to build a super simple category system with RSS feeds for each one.
By Andy Bell (3 posts)
Why I Migrated My Newsletter From Substack to Eleventy and Buttondown
Today I've gone live with a new website and email newsletter platform for Cybercultural, my tech history newsletter that I started on Substack in 2019. What pushed me to migrate off Substack is its stance on hate content, which I personally object to. But over the past several months, I'veโฆ
By Richard MacManus (3 posts)
๐ป Emoji URLs and 11ty Webmentions
Community websites with Eleventy
With Eleventyโs data files, Iโve come up with a good setup to build landing pages for communities that organize events.
By Juha-Matti Santala (22 posts)
Eleventy - Create a global production flag
A production flag enables you to run activites in production only e.g. minifying assets. There isn't a built-in flag in eleventy. How can we add one?
By Rob O'Leary (13 posts)
Mastering Eleventy Folder Structures: From Default Setups to Real-World Best Practices
Explore the essentials of Eleventy's folder structure in this guide, perfect for optimizing your project's efficiency and scalability. Learn from basic setups to advanced custom structures, ensuring your 11ty site is perfectly organized for peak performance.
By S. Amir Mohammad Najafi (1 post)
Using 11ty to generate Open Graph images
Performance Tales, Part 1: Why So Performant?
Ramblings about software development, privacy, and whatever happens to strike my fancy.
By Ryan Cao (3 posts)
Creating an OPML File for my Blogroll
How I'm creating OPML files for my blog, and pod, rolls so people can subscribe to all of the sites in one go
By Robb Knight (20 posts)
Sending Webmentions after Deploying to Azure Static Web Apps
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
By Chris McLeod (7 posts)
Buttondown with 11ty on Netlify with GitHub
A look at how Fudge Sunday ๐ค๐ก๐คฏ๐ค newsletter gets made each week
By Jay Cuthrell (2 posts)
Getting up to Speed with Eleventy: Config and Collections
Continuing his Eleventy tutorial, David Eastman shows how to configure the system, make use of templates, what collections are, and more.
By David Eastman (2 posts)
Super fast responsive image loading in Eleventy
Automatically optimise and serve images by type and size in Eleventy.
By Eystein Mack Alnaes (2 posts)
Update: Tags Are Back
This website used to have tags. They were gone for about 3 years, but they're back now.
By Tom Doe (10 posts)
addRemoteData
Fetching Package Dependents from GitHub
Using linkedom to grab all repositories that are depending on my post graph plugin
By Robb Knight (20 posts)
Added Monthly Posts Heatmap To The Site
I added a Posts per Month heatmap to the site's Statistics page today.
By John M. Wargo (45 posts)
Cloudflare Pages Cron Deploys
Pokรฉdex Plugin for Eleventy
Introduction to Eleventy, a Modern Static Website Generator
We show how Eleventy provides a nice flowing web dev process that works with existing technologies while steering you into good practices.
By David Eastman (2 posts)
Eleventy Migration
Back in 2018 I migrated my blog from WordPress to Hexo. Hexo is a static site generator running on Node.js. At the time I chose Hexo because it allowed me complete control over the structure of the resulting website, plus I could override and tweak the markup of the resulting pages. Hexo is a fairly
By Alistair Deneys (2 posts)
Adding webmentions to my site
I had told myself that I wouldn't do this...but, seeing them on other people's sites changed my mind.
By Bob Monsour (20 posts)
A Simple Guide to Redirects on Neocities with Eleventy
We need more tutorials for using Eleventy outside of Netlify. Lets take a look at setting up redirects on Neocities with Eleventy.
By fLaMEd (10 posts)
Detecting Markdown titles with Eleventy
By Lewis Dale (5 posts)
Hiding Future Posts in Eleventy
Describes how to hide posts with a future publishing date in an Eleventy site.
By John M. Wargo (45 posts)
Link blogging using Readwise Reader
Adding Site Search to Eleventy with pagefind-search
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
By Chris McLeod (7 posts)
Right here, right now
A brief explanation of the way I built the "Right now" box on my homepage.
By Martin Gunnarsson (9 posts)
My Journey with 11ty and Tailwind CSS: Building a Personal Website
By Dipesh Kumar (1 post)
My 11ty Plugins
A list of plugins that I have written for the eleventy static site generator.
By Simon Dann (11 posts)
Eleventy Resume Builder
Despite searching the internet, I couldn't find a quick starter for my online resume project, not even on the official 11ty start page. Consequently, I decided to invest some time in creating one and making it available as a starter project for a broader audience.
By Gurpreet Singh (1 post)
Eleventy Photo Gallery
How I used JPEGs as templates in Eleventy to build a photo gallery
By Evan Sheehan (8 posts)
Minifying and compressing text files to reduce load
I am continuing to catch up with the technical basics for a modernโday website. This time I add minification and compression to my 11ty build and the Caddy configuration.
By Tobias Fedder (7 posts)
New year, new blog!
After 9 years of self-hosted WordPress on EC2, I'm finally converting my blog to Eleventy and deploying it to AWS serverless services with Ampt.
By Jeremy Daly (1 post)
Deploy 11ty Site Using Rsync
Step-by-step guide for a deployment of your 11ty blog using rsync, npm deploy scripts and optimization for an efficient workflow.
By Moritz Giessmann (1 post)
11ty or Bust
By Josh Ghent (1 post)