961 posts in 'How to...'
2025
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.
Oct 30, 2025
by Kyle Reddoch (3 posts) · Website & RSS feed
Categories: How to...ShortcodesSocial Media
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.
Oct 28, 2025
by Simon Cox (16 posts) · Website & RSS feed
Categories: ConfigurationHow to...Nunjucks/Macros
I spoke at THE Eleventy Meetup again; this time about building a multilingual blog.
Oct 17, 2025
by Helen Chong (7 posts) · Website & RSS feed
Categories: How to...Internationalization
Software engineering leader and occasional side project hacker.
Oct 14, 2025
Oct 14, 2025
by DSri Seah (2 posts) · Website
Categories: BloggingConfigurationHow to...Shortcodes
A blog by ldstephens
Oct 12, 2025
by LD Stephens (4 posts) · Website & RSS feed
Notes on optimal ways to pull together a redirects file suitable for a Cloudflare hosted website.
Oct 8, 2025
by Simon Cox (16 posts) · Website & RSS feed
Categories: ConfigurationDebuggingDeploymentHow to...
eleventy-plugin-font-subsetting works fine but its configuration is finicky.
Oct 8, 2025
by Shiv J.M. (13 posts) · Website & RSS feed
Categories: Asset PipelinesCSS/SassConfigurationHow to...Plugins
Oct 5, 2025
by Sam Ruby (1 post) · Website & RSS feed
Categories: ConfigurationDraftsHow to...
Instead of a How-To, I'll write a "WhileDo" today. This is my attempt to Write Like Ron Jeffries. After I published this…
Oct 3, 2025
by Martin Hähnel (13 posts) · Website & RSS feed
Categories: BloggingCSS/SassConfigurationFiltersHow to...Social Media
Oct 1, 2025
by Keith Wagner (5 posts) · Website & RSS feed
Categories: BloggingConfigurationHow to...
How to migrate a blog from Dotclear on to eleventy
Sep 29, 2025
`ELEVENTY_ENV` is now wired into every npm script so drafts stay private in production while remaining easy to preview.
Sep 28, 2025
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.
Sep 27, 2025
Our first stable launch brings a polished Eleventy 3 starter with theme switching, accessible navigation, OG image automation, and a streamlined authoring flow.
Sep 25, 2025
by Nicholas Clooney (4 posts) · Website & RSS feed
Categories: BloggingGetting StartedHow to...
I organise all my Eleventy filters into one file and register them as filters by iterating over them all in the configuration function.
Sep 24, 2025
by Juha-Matti Santala (22 posts) · Website & RSS feed
Categories: ConfigurationFiltersHow to...
Making those code blocks a little more personal.
Sep 19, 2025
by Christopher Kirk-Nielsen (14 posts) · Website & RSS feed
Categories: ConfigurationHow to...Markdown
How to migrate a blog from Dotclear on to eleventy 3- Content Migration
Sep 18, 2025
by Alix Guillard (5 posts) · Website
Categories: How to...ImagesMigrating to Eleventy
While building a website for our Pokémon TCG tournament series, I discovered a new handy tool within Eleventy to enable custom data formats.
Sep 10, 2025
by Juha-Matti Santala (22 posts) · Website & RSS feed
Categories: Global DataHow to...
Sep 7, 2025
by Josh Sherman (3 posts) · Website & RSS feed
Categories: BloggingCollectionsConfigurationHow to...Pagination
My experience with making my English-Simplified Chinese bilingual personal blog with Eleventy and its official internalisation plugin.
Sep 5, 2025
by Helen Chong (7 posts) · Website & RSS feed
Categories: BloggingConfigurationDeploymentHow to...Internationalization
A step-by-step guide on migrating my blog from using Weblog by OMGlol to Eleventy, hosted on GitHub Pages.
Sep 4, 2025
by Kyle Reddoch (3 posts) · Website & RSS feed
Categories: ConfigurationDeploymentGetting StartedHow to...Migrating to Eleventy
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.
Sep 2, 2025
by Matt Hobbs (7 posts) · Website & RSS feed
Categories: Asset PipelinesConfigurationDeploymentHow to...Performance
Never mix up dev and prod again! (due to identical icons, at least)
Sep 1, 2025
by Christopher Kirk-Nielsen (14 posts) · Website & RSS feed
Categories: Asset PipelinesConfigurationHow to...Images
Updating Eleventy from Nunjucks to Vento was mostly smooth sailing — except for pagination. Here’s how I eventually figured it out.
Aug 28, 2025
by Graham F. Scott (5 posts) · Website & RSS feed
Categories: How to...PaginationVento
A simple guide on how to make an Obsidian style Callout or Information box
Aug 26, 2025
by Aninus Partikler (1 post) · Website
Categories: BloggingConfigurationHow to...MarkdownObsidian
An easier approach to OG images (for me!)
Aug 23, 2025
by Jason Moser (5 posts) · Website & RSS feed
Categories: FiltersHow to...ImagesPaginationSocial Media
After troubleshooting eleventy my blog roll was the cause of the long build times
Aug 22, 2025
by Clayton Errington (18 posts) · Website & RSS feed
Categories: BloggingDebuggingHow to...RSSRemote Data
I notice my build times were getting longer but no real changes were made
Aug 22, 2025
by Clayton Errington (18 posts) · Website & RSS feed
Categories: BloggingDebuggingHow to...Performance
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.
Aug 20, 2025
by Juan Fernandes (4 posts) · Website & RSS feed
Categories: DeploymentHow to...RSSRemote Data
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...
Aug 19, 2025
Software engineering leader and occasional side project hacker.
Aug 18, 2025
Software engineering leader and occasional side project hacker.
Aug 17, 2025
by Brian Cantoni (6 posts) · Website & RSS feed
Categories: DebuggingDeploymentHow to...
How I've updated the drafts on my website with 11ty
Aug 17, 2025
by Clayton Errington (18 posts) · Website & RSS feed
Categories: ConfigurationDraftsFront MatterHow to...
A blog on software development and other stuff
Aug 13, 2025
Generate a sourcemap and add it to Eleventy’s global data.
Aug 10, 2025
by Aleksandr Hovhannisya (1 post) · Website & RSS feed
Categories: Asset PipelinesCSS/SassConfigurationGlobal DataHow to...
A blog on software development and other stuff
Aug 9, 2025
by Glyn Normington (4 posts) · Website & RSS feed
Categories: ConfigurationHow to...MarkdownPlugins
It's Workers all the way down.
Aug 3, 2025
by Ben White (3 posts) · Website & RSS feed
Categories: ConfigurationDeploymentHow to...
Presenting this Eleventy Starter Project and Schema Markup tutorial at 11ty Meetup
Jul 29, 2025
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
Jul 25, 2025
by Chris McLeod (7 posts) · Website & RSS feed
Categories: ConfigurationDeploymentHow to...Images
One person is typing.
Jul 25, 2025
by Cassey Lottman (12 posts) · Website & RSS feed
Categories: ConfigurationDeploymentHow to...
Automating builds with Netlify Build hooks and GitHub Actions
Jul 25, 2025
by Damian Walsh (3 posts) · Website & RSS feed
Categories: DeploymentHow to...Netlify
Renkon's personal site and blog.
Jul 25, 2025
by Renkon (3 posts) · Website & RSS feed
Categories: BloggingConfigurationGetting StartedHow to...RSS
Renkon's personal site and blog.
Jul 25, 2025
by Renkon (3 posts) · Website & RSS feed
Categories: ConfigurationFront MatterHow to...MarkdownPlugins
Boosting links is a powerful technique that makes the navigation between pages of a statically generated website smoother.
Jul 25, 2025
by Rigotti (1 post) · Website
Categories: ConfigurationHow to...Performance
This is the second part of my experiment to standardize the structure of my blog using the built-in I18nPlugin
Jul 23, 2025
by Francis Beaudet (2 posts) · Website & RSS feed
Categories: How to...InternationalizationPluginsRSS
Jul 23, 2025
by Fershad Irani (3 posts) · Website
Categories: How to...Webmentions
Out with the old in with the new
Jul 22, 2025
German living in Finland's north-west. Making money by programming remotely. Loves to write notes.
Jul 21, 2025
by Martin Hähnel (13 posts) · Website & RSS feed
Categories: How to...ImagesPerformance
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.
Jul 21, 2025
by Francis Beaudet (2 posts) · Website & RSS feed
Categories: FiltersHow to...InternationalizationNavigationPlugins
Jul 20, 2025
by Josh Sherman (3 posts) · Website & RSS feed
Categories: BloggingData CascadeDatesHow to...
The home base of Mark Dyck, a baker who writes
Jul 18, 2025
by Mark Dyck (1 post) · Website & RSS feed
Categories: CollectionsData CascadeGlobal DataHow to...RSS
The home of a developer community specialist.
Jul 17, 2025
by Juha-Matti Santala (22 posts) · Website & RSS feed
Categories: BloggingHow to...Remote DataSocial Media
Jul 15, 2025
by Harris Lapiroff (6 posts) · Website & RSS feed
Categories: DebuggingFront MatterHow to...WebC
To celebrate International RNG Day, I built a page that redirects you to a random blog post on my site.
Jul 11, 2025
Software engineering leader and occasional side project hacker.
Jul 10, 2025
by Brian Cantoni (6 posts) · Website & RSS feed
Categories: ConfigurationFiltersHow to...
I created a couple of websites from an Obsidian vault using the Digital Garden plugin.
Jul 7, 2025
It isn't very fancy.
Jul 7, 2025
by Tyler Sticka (3 posts) · Website & RSS feed
Categories: DeploymentHow to...
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.
Jul 6, 2025
German living in Finland's north-west. Making money by programming remotely. Loves to write notes.
Jul 6, 2025
by Martin Hähnel (13 posts) · Website & RSS feed
Categories: BloggingHow to...ObsidianPermalinks
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...
Jul 3, 2025
by Ariel Salminen (2 posts) · Website & RSS feed
Categories: BloggingConfigurationHow to...MarkdownNetlify
German living in Finland's north-west. Making money by programming remotely. Loves to write notes.
Jun 28, 2025
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.
Jun 15, 2025
by Juan Fernandes (4 posts) · Website & RSS feed
Categories: How to...PaginationRemote Data
Hi, I’m Jeremy. I build things on the web and share what I learn on my blog.
Jun 15, 2025
by Jeremy Robert Jones (1 post) · Website & RSS feed
Categories: CSS/SassHow to...ImagesNunjucks/MacrosShortcodes
A post by Zach Leatherman (zachleat)
Jun 9, 2025
by Zach Leatherman (55 posts) · Website & RSS feed
Categories: Front MatterHow to...
Trying to make it a little less brutal to make small, frequent posts on SSGs.
Jun 8, 2025
A few tips to refactor your njk into vto.
Jun 5, 2025
German living in Finland's north-west. Making money by programming remotely. Loves to write notes.
Jun 3, 2025
Dependency management, configuration conflicts, and deprecated APIs while setting up RSS feeds in 11ty
Jun 2, 2025
A short tutorial on how to create a writing stats page for Eleventy.
Jun 1, 2025
by Ruben Wardy (1 post) · Website & RSS feed
a markdown-it 11ty plugin
May 29, 2025
by actuallysomecat (4 posts) · Website & RSS feed
Categories: BloggingCSS/SassHow to...MarkdownObsidianPlugins
German living in Finland's north-west. Making money by programming remotely. Loves to write notes.
May 29, 2025
by Martin Hähnel (13 posts) · Website & RSS feed
Categories: CSS/SassHow to...Remote Data
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...
May 25, 2025
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.
May 24, 2025
by Reilly Spitzfaden (4 posts) · Website & RSS feed
Categories: How to...Remote DataSocial MediaWebmentions
I have switched to using Vento as the template engine in my websites built with Eleventy, and I love it.
May 21, 2025
by Helen Chong (7 posts) · Website & RSS feed
Categories: How to...InternationalizationNunjucks/MacrosVento
JavaScript that calculates the number of years that have passed since a given date, utilized in an Eleventy shortcode.
May 21, 2025
by Marc Amos (1 post) · Website & RSS feed
Categories: DatesHow to...Shortcodes
I code more than I write.
May 20, 2025
by Floh Gro (2 posts) · Website & RSS feed
Categories: BloggingCMSDeploymentHow to...ImagesSocial Media
custom emoji shortcodes!
May 18, 2025
A blog by ldstephens
May 17, 2025
by LD Stephens (4 posts) · Website & RSS feed
Categories: ConfigurationHow to...
Blog about programming, scientific machine learning and the related techniques and methods.
May 17, 2025
by Valentin Pratz (2 posts) · Website & RSS feed
Categories: ConfigurationHow to...Image GalleriesImagesShortcodes
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.
May 14, 2025
by Juha-Matti Santala (22 posts) · Website & RSS feed
Categories: ConfigurationGlobal DataHow to...Netlify
German living in Finland's north-west. Making money by programming remotely. Loves to write notes.
May 11, 2025
by Martin Hähnel (13 posts) · Website & RSS feed
Categories: ConfigurationHow to...MarkdownObsidianPlugins
[Now that I have several sections of this site served dynamically using PHP](https://www.coryd.dev/posts/2025/dynamic-pages-with-php-and-11ty/) I've finally put together a single command to work on the site locally.
May 7, 2025
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: How to...
about the templates i use in obsidian to create drafts and posts
May 5, 2025
notes about the 11ty + obsidian setup behind this blog
May 4, 2025
A quick look at the Eleventy Fetch plugin.
Apr 30, 2025
by Raymond Camden (104 posts) · Website & RSS feed
Categories: Global DataHow to...NetlifyPluginsRemote Data
There’s a new kid on the templating block.
Apr 26, 2025
by Christopher Kirk-Nielsen (14 posts) · Website & RSS feed
Categories: ConfigurationFiltersHow to...MarkdownNunjucks/MacrosPluginsVento
YouTube video
Apr 24, 2025
Categories: BloggingConfigurationHow to...NotionPluginsYouTube
YouTube video
Apr 24, 2025
Categories: CMSConfigurationHow to...YouTube
Yo dawg, I heard you liked pagination, so I added pagination inside your paginated pages, so you can paginate while you paginate.
Apr 23, 2025
by Christopher Kirk-Nielsen (14 posts) · Website & RSS feed
Categories: CollectionsConfigurationHow to...Pagination
In this article we'll walk through how to use my [eleventy-from-notion](https://jsr.io/@vrugtehagel/eleventy-from-notion) plugin, so you'll be able to use Notion as your CMS to use with your Eleventy setup.
Apr 23, 2025
by vrugtehagel (2 posts) · Website & RSS feed
A little safety measure to prevent updates to package.json, package-lock.json, and .nvmrc (or similar) from causing a hiccup.
Apr 22, 2025
by Jens Oliver Meiert (2 posts) · Website & RSS feed
Categories: DeploymentHow to...
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.
Apr 22, 2025
by Ethan Marcotte (2 posts) · Website & RSS feed
Categories: BloggingConfigurationHow to...ImagesSocial Media
German living in Finland's north-west. Making money by programming remotely. Loves to write notes.
Apr 20, 2025
by Martin Hähnel (13 posts) · Website & RSS feed
Categories: BloggingConfigurationHow to...ObsidianPlugins
A small node script to create a markdown file for each movie review in a Letterboxd RSS feed
Apr 20, 2025
by Keith Kurson (3 posts) · Website
Categories: How to...MarkdownRSSRemote Data
Aliases, debug mode, non-versioned builds as part of a centralized, versioned site exports repo—and the thinking behind it all.
Apr 18, 2025
by Jens Oliver Meiert (2 posts) · Website & RSS feed
Categories: BloggingConfigurationDebuggingHow to...
A blog by ldstephens
Apr 18, 2025
by LD Stephens (4 posts) · Website & RSS feed
Categories: ConfigurationDebuggingHow to...
Add a low-quality webp placeholder image to the HTML of your site
Apr 16, 2025
by Stefan Burke (4 posts) · Website & RSS feed
Categories: ConfigurationHow to...ImagesShortcodes
a simple shortcode to add QR codes to your posts
Apr 13, 2025
by Al Power (9 posts) · Website & RSS feed
Categories: ConfigurationHow to...PluginsShortcodes
Apr 11, 2025
by Paul Capewell (2 posts) · Website & RSS feed
Categories: BloggingDeploymentHow to...
11ty, FreeMarker Generator, and Chameleon allow me to render FreeMarker and Python page templates to HTML within the same static site generator.
Apr 11, 2025
by Tobias Fedder (7 posts) · Website & RSS feed
Categories: ConfigurationData CascadeHow to...
Why spend an hour writing CSS when you can spend four hours creating classes on the fly?
Apr 11, 2025
by Sami (1 post) · Website & RSS feed
Categories: CSS/SassData CascadeHow to...
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
Apr 8, 2025
by Philip Renich (2 posts) · Website & RSS feed
Categories: ConfigurationHow to...NetlifySearchServerless
Thank you for thinking out loud
Apr 7, 2025
How I built a page with a list of the toots I have bookmarked in Mastodon.
Apr 4, 2025
by Simon Cox (16 posts) · Website & RSS feed
Categories: BloggingHow to...Remote DataSocial Media
Apr 3, 2025
by Sacha Chua (4 posts) · Website & RSS feed
Categories: BloggingHow to...NavigationShortcodes
This article is about: How and why I created a plugin to automatically create a skiplink for 11ty
Mar 31, 2025
by David Moll (2 posts) · Website & RSS feed
Categories: AccessibilityCSS/SassConfigurationHow to...
Mar 30, 2025
by Sacha Chua (4 posts) · Website & RSS feed
Categories: BloggingHow to...Migrating to Eleventy
A blog by ldstephens
Mar 30, 2025
by LD Stephens (4 posts) · Website & RSS feed
Categories: BloggingConfigurationHow to...Migrating to EleventyNetlifyRSS
YouTube video
Mar 27, 2025
Categories: ConfigurationDeploymentHow to...YouTube
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.
Mar 26, 2025
by Danial Zahid (6 posts) · Website
Categories: CSS/SassConfigurationHow to...
Mar 25, 2025
by Austin Carr (1 post) · Website & RSS feed
Categories: BloggingCollectionsConfigurationDatesFront MatterGetting StartedHow to...LayoutsMarkdownPaginationWhy Eleventy?
Using 11ty plugin for font awesome svg icons with no clientside javascript
Mar 23, 2025
German living in Finland's north-west. Making money by programming remotely. Loves to write notes.
Mar 23, 2025
by Martin Hähnel (13 posts) · Website & RSS feed
Categories: BloggingCSS/SassHow to...LayoutsNavigation
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...
Mar 21, 2025
by Will Boyd (1 post) · Website & RSS feed
Categories: BloggingHow to...MarkdownMigrating to Eleventy
A post by Zach Leatherman (zachleat)
Mar 20, 2025
by Zach Leatherman (55 posts) · Website & RSS feed
Categories: How to...MarkdownMigrating to Eleventy
YouTube video
Mar 20, 2025
Categories: AnalyticsConfigurationHow to...YouTube
Mar 16, 2025
by Ryan Himmelwright (1 post) · Website
Categories: CollectionsConfigurationDatesHow to...
Mar 12, 2025
by Brian Kardell (1 post) · Website
Categories: ConfigurationHow to...Markdown
Some notes about implementing webmentions for my website.
Mar 10, 2025
by Tom Doe (11 posts) · Website & RSS feed
Categories: Global DataHow to...Remote DataSocial MediaWebmentions
A short guide on how to display blog posts grouped by year for a blog listing page in Eleventy using Nunjucks templating.
Mar 8, 2025
by Juha-Matti Santala (22 posts) · Website & RSS feed
Categories: BloggingCollectionsConfigurationDatesHow to...
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
Mar 8, 2025
by Murtuzaali Surti (5 posts) · Website & RSS feed
Categories: ConfigurationHow to...ImagesPerformancePlugins
My RSS feeds are generated by [11ty](https://www.11ty.dev) at build time from a [Liquid.js](https://liquidjs.com) 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
Mar 5, 2025
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: FiltersGlobal DataHow to...RSS
A post by Zach Leatherman (zachleat)
Feb 27, 2025
by Zach Leatherman (55 posts) · Website & RSS feed
Categories: ConfigurationHow to...ImagesPlugins
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
Feb 26, 2025
by Sia Karamalegos (13 posts) · Website & RSS feed
Categories: Global DataHow to...Performance
Adding Obsidian & Github Style Alert / Callout Blocks Using 11ty and markdown-it Plugins
Feb 25, 2025
by equilibriumuk (19 posts) · Website & RSS feed
Categories: ConfigurationHow to...MarkdownObsidian
Setting target _blank and rel noopener noreferrer to external links using markdown-it + 11ty
Feb 25, 2025
by equilibriumuk (19 posts) · Website & RSS feed
Categories: CSS/SassConfigurationHow to...Markdown
How I added a button to copy code snippets to my website with JavaScript.
Feb 19, 2025
by Helen Chong (7 posts) · Website & RSS feed
Categories: AccessibilityConfigurationHow to...
Personal site for a coffee addicted geek
Feb 18, 2025
by DeaJae (2 posts) · Website & RSS feed
Categories: CMSConfigurationHow to...
Clone my repository to get an Eleventy site built on NixOS quick sharp
Feb 16, 2025
by Stefan Burke (4 posts) · Website & RSS feed
Categories: BloggingConfigurationHow to...
German living in Finland's north-west. Making money by programming remotely. Loves to write notes.
Feb 15, 2025
by Martin Hähnel (13 posts) · Website & RSS feed
Categories: BloggingHow to...Permalinks
Documentation website for eleventy-plugin-podcaster.
Feb 15, 2025
by Nathan Bottomley (2 posts) · Website & RSS feed
Categories: Front MatterHow to...Nunjucks/Macros
i share how i built a fully customizable resume website with eleventy, complete with seo-friendly features and pdf generation.
Feb 15, 2025
by Keith Kurson (3 posts) · Website
Categories: CSS/SassGlobal DataHow to...WebC
YouTube videos were significantly slowing down posts, so discovered this better technique.
Feb 14, 2025
by DeepakNess (4 posts) · Website & RSS feed
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.
Feb 14, 2025
by Jeremias Menichelli (1 post) · Website & RSS feed
Categories: ConfigurationFiltersHow to...Markdown
Some notes about implementing webmentions for my website.
Feb 13, 2025
by Tom Doe (11 posts) · Website & RSS feed
Categories: How to...Remote DataSocial MediaWebmentions
[When I moved this site to my own hosting](https://www.coryd.dev/posts/2024/adventures-in-self-hosting) 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
Feb 12, 2025
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: Edge FunctionsHow to...Remote Data
German living in Finland's north-west. Making money by programming remotely. Loves to write notes.
Feb 12, 2025
Various tricks I've stumbled into.
Feb 11, 2025
by Jay Hannah (2 posts) · Website & RSS feed
Categories: ConfigurationHow to...ImagesSocial Media
German living in Finland's north-west. Making money by programming remotely. Loves to write notes.
Feb 11, 2025
Various tricks I've stumbled into.
Feb 11, 2025
by Jay Hannah (2 posts) · Website & RSS feed
Categories: BloggingFiltersHow to...ImagesSocial Media
A quick guide on how to create new posts faster in 11ty.
Feb 6, 2025
by DeepakNess (4 posts) · Website & RSS feed
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!
Feb 6, 2025
by Reilly Spitzfaden (4 posts) · Website & RSS feed
Categories: How to...Webmentions
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.
Feb 4, 2025
by Matt Hobbs (7 posts) · Website & RSS feed
Categories: ConfigurationHow to...
Remember when internet quizzes were a thing? I wanted to bring them to my website.
Feb 4, 2025
by Nathan Upchurch (3 posts) · Website & RSS feed
Categories: Front MatterGlobal DataHow to...Layouts
How to load my latest photos from Pixelfed
Feb 3, 2025
by Robb Knight (20 posts) · Website & RSS feed
Categories: How to...ImagesRemote Data
YouTube video
Feb 3, 2025
Categories: How to...Migrating to Eleventy
Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats
Feb 2, 2025
by Bernard Nijenhuis (8 posts) · Website
Categories: ConfigurationHow to...
Getting 11ty's Image plugin to output Open Graph metadata and images
Feb 2, 2025
by Matt B (1 post) · Website & RSS feed
Categories: BloggingHow to...ImagesSocial Media
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.
Feb 2, 2025
by Bob Monsour (20 posts) · Website & RSS feed
Categories: BloggingConfigurationHow to...RSS
Rather than have my RSS entry ID be missing, I wanted to validate its presence at build time.
Feb 1, 2025
by Bob Monsour (20 posts) · Website & RSS feed
Categories: ConfigurationHow to...RSS
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?
Jan 31, 2025
by Spencer Harston (2 posts) · Website & RSS feed
Categories: Books PagesGlobal DataHow to...
In an effort to create more robust and truly unique and permanent IDs for my RSS feed entries, I built a thing to help.
Jan 30, 2025
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.
Jan 29, 2025
by Matt Hobbs (7 posts) · Website & RSS feed
Categories: AccessibilityBloggingConfigurationFiltersHow to...RSS
Jan 29, 2025
by Paul Capewell (2 posts) · Website & RSS feed
Categories: Front MatterHow to...
I finally figured out displaying webmentions on my site without any client-side JavaScript!
Jan 28, 2025
by Reilly Spitzfaden (4 posts) · Website & RSS feed
Categories: How to...PluginsWebmentions
Gnarled JavaScript warlock, musician, cartoonist, dilettante.
Jan 28, 2025
by Scott Andrew (1 post) · Website & RSS feed
Categories: ConfigurationDeploymentHow to...
I finally figured out displaying webmentions on my site without any client-side JavaScript!
Jan 28, 2025
by Reilly Spitzfaden (4 posts) · Website & RSS feed
Categories: How to...PluginsWebmentions
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
Jan 27, 2025
by Chris McLeod (7 posts) · Website & RSS feed
Categories: Front MatterHow to...Markdown
I was inspired to create permanently unique entry IDs for my RSS feed after reading a post by Evan Sheehan.
Jan 27, 2025
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...
Jan 27, 2025
by Yasmin (5 posts) · Website & RSS feed
Categories: DeploymentHow to...Scheduling
How to configure your eleventy serve process with ssl for localhost
Jan 27, 2025
by Clayton Errington (18 posts) · Website & RSS feed
Categories: ConfigurationHow to...
How and why I decided to create a Books page to keep track of my reading.
Jan 25, 2025
by Spencer Harston (2 posts) · Website & RSS feed
Categories: Books PagesGlobal DataHow to...
Having your own website is great. You can use it to introduce yourself to the world, talk about your hobbies, show off your work achievements, promote causes you care about, and many other things. And you really can keep your site as simple as you want it to be. It is your website after all!...
Jan 24, 2025
by Stefan Bohacek (1 post) · Website & RSS feed
Categories: DeploymentGlobal DataHow to...Image GalleriesImagesSocial Media
In this post I bring two previous blog posts together to create the perfect CSS setup for my little blog.
Jan 23, 2025
by Matt Hobbs (7 posts) · Website & RSS feed
Categories: CSS/SassDeploymentHow to...Performance
I picked a CMS
Jan 23, 2025
by Alan Quirk (1 post) · Website & RSS feed
Categories: BloggingCMSConfigurationHow to...
hi there! please enjoy my blog of things i think are interesting
Jan 20, 2025
by Melanie Kat (2 posts) · Website & RSS feed
Jan 19, 2025
by Matt Steele (3 posts) · Website & RSS feed
Categories: BloggingHow to...WebCWebmentions
An increasing number of posts appears to be focusing on how to get content *out* of WordPress. Lol. Well needs
Jan 17, 2025
by Rich Holman (2 posts) · Website & RSS feed
Categories: How to...Migrating to Eleventy
The personal website of Dan Cătălin Burzo.
Jan 16, 2025
by Dan Burzo (5 posts) · Website & RSS feed
Categories: How to...ImagesSocial Media
About 61 lines of JavaScript that progressively enhance user experience.
Jan 16, 2025
by Tom Doe (11 posts) · Website & RSS feed
Categories: How to...
Documentation website for eleventy-plugin-podcaster.
Jan 15, 2025
YouTube video
Jan 15, 2025
Categories: How to...Migrating to EleventyYouTube
Jan 15, 2025
by Aaron Morey (1 post) · Website & RSS feed
Categories: ConfigurationHow to...
Getting og:image to work with a plugin and some grit
Jan 15, 2025
by Jason Moser (5 posts) · Website & RSS feed
Categories: BloggingHow to...ImagesPluginsSocial Media
I'm from Finland, so I want to have Nordic slugs for my sites.
Jan 12, 2025
A new slash page and a new personal goal
Jan 12, 2025
by Jose (1 post) · Website & RSS feed
Categories: Books PagesHow to...Remote Data
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.
Jan 12, 2025
by Matt Hobbs (7 posts) · Website & RSS feed
Categories: CSS/SassConfigurationHow to...Shortcodes
Writing some code to make better a thing I've been doing manually.
Jan 10, 2025
by Thomas Rigby (8 posts) · Website & RSS feed
Categories: How to...Nunjucks/Macros
Increasingly I've been including 11ty in my WordPress builds as part of the theme. Great for static assets, such as
Jan 10, 2025
by Rich Holman (2 posts) · Website & RSS feed
Categories: CSS/SassConfigurationGlobal DataHow to...Shortcodes
How to display popular and trending blog posts using Plausible Analytics and 11ty. Follow this step-by-step guide for seamless API integration.
Jan 7, 2025
by Joseph Jude (2 posts) · Website & RSS feed
Categories: AnalyticsBloggingCollectionsConfigurationHow to...
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.
Jan 5, 2025
by Matt Hobbs (7 posts) · Website & RSS feed
Categories: ConfigurationDeploymentHow to...Performance
how i am using leaflet & 11ty
Jan 4, 2025
by tlohde (2 posts) · Website
Categories: How to...LayoutsRemote Data
I went live with my Books page a short while ago. Here's how I built it.
Jan 2, 2025
by Bob Monsour (20 posts) · Website & RSS feed
Categories: Books PagesGlobal DataHow to...ImagesRemote Data
2024
Dec 31, 2024
by Oliver Boermans (1 post) · Website & RSS feed
Categories: ConfigurationFront MatterHow to...MarkdownPlugins
Describes how I display Eleventy build information on this site and how I had to change the process for Eleventy 3.0.
Dec 29, 2024
by John M. Wargo (45 posts) · Website & RSS feed
Categories: ConfigurationHow to...
An adaptation of Kalechip's Static Accessible Gallery Generator for Eleventy.
Dec 28, 2024
by Sainthood (1 post) · Website
Categories: AccessibilityGlobal DataHow to...Image Galleries
Adam DJ Brett Web Developer
Dec 27, 2024
by Adam DJ Brett (6 posts) · Website & RSS feed
Categories: How to...MarkdownMigrating to EleventyPlugins
The personal website of Dan Cătălin Burzo.
Dec 24, 2024
by Dan Burzo (5 posts) · Website & RSS feed
Categories: CollectionsDeploymentHow to...
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.
Dec 14, 2024
by Simon Cox (16 posts) · Website & RSS feed
Categories: How to...
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.
Dec 13, 2024
by Stu Robson (1 post) · Website & RSS feed
Categories: Data CascadeHow to...Nunjucks/MacrosShortcodes
With my site on [Netlify](https://www.netlify.com) I've set up a function to rebuild it at regular intervals (hourly, in my case).
Dec 6, 2024
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: DeploymentHow to...
Fuck you, Bezos! (for killing the API)
Dec 6, 2024
by Chazz Basuta (2 posts) · Website & RSS feed
Categories: Books PagesHow to...Remote Data
Wrestling eleventy config errors
Dec 4, 2024
by Chazz Basuta (2 posts) · Website & RSS feed
Categories: BloggingHow to...ImagesSocial Media
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.
Dec 3, 2024
by Bob Monsour (20 posts) · Website & RSS feed
Categories: ConfigurationHow to...ImagesMarkdown
Nov 29, 2024
by Saulius Zukauskas (1 post) · Website & RSS feed
Categories: DeploymentHow to...
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.
Nov 27, 2024
The Twitter we knew is dead, but I wanted to preserve an archive of my account, on my own terms. Here's how I did it.
Nov 20, 2024
by Graham F. Scott (5 posts) · Website & RSS feed
Categories: How to...Social Media
Blog about programming, scientific machine learning and the related techniques and methods.
Nov 13, 2024
by Valentin Pratz (2 posts) · Website & RSS feed
Categories: How to...ImagesPluginsShortcodes
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
Nov 12, 2024
by Cody Sand (1 post) · Website
Categories: ConfigurationHow to...
Building a headless HelpScout docs site with 11ty.
Nov 10, 2024
by Adam Stoddard (2 posts) · Website & RSS feed
Categories: CMSCollectionsGlobal DataHow to...PaginationRemote Data
How I added my recipes to my blog posts with cooklang and the recipe schema
Nov 7, 2024
by Robb Knight (20 posts) · Website & RSS feed
Categories: CollectionsData CascadeFiltersFront MatterHow to...Layouts
Nov 3, 2024
by Michael Engen (1 post) · Website
Categories: CSS/SassGlobal DataHow to...
Nov 3, 2024
by John M. Wargo (45 posts) · Website & RSS feed
Categories: CSS/SassHow to...Shortcodes
The personal blog of Thomas Steiner
Nov 2, 2024
by Thomas Steiner (1 post) · Website & RSS feed
Categories: BloggingCollectionsDatesFiltersHow to...Pagination
A share button that connects to Mastodon, Bluesky, Micro.blog, Threads and more. Here's how I've hooked it up to Eleventy.
Oct 30, 2024
by Kelson Vibber (1 post) · Website & RSS feed
Categories: BloggingHow to...Social Media
As part of [tracking the music I listen to](/posts/2024/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.
Oct 27, 2024
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: CollectionsDatesHow to...
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?
Oct 26, 2024
by Sebin Nyshkim (3 posts) · Website & RSS feed
Categories: CSS/SassFront MatterGlobal DataHow to...ImagesPlugins
I got to speak at the [11ty meetup](https://11tymeetup.dev) today about the music tracking contraption I've built into my site. I have a [fairly detailed post on how I built it](/posts/2024/tracking-the-music-i-listen-to/) and [another on the method I'm using to render dynamic media (read: m
Oct 23, 2024
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: Global DataHow to...YouTube
YouTube video
Oct 23, 2024
YouTube video
Oct 23, 2024
Categories: Global DataHow to...YouTube
I *was* rendering about 3300 pages every time my [11ty](https://www.11ty.dev) 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
Oct 22, 2024
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: DeploymentHow to...Remote Data
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
Oct 19, 2024
by Lewis Dale (5 posts) · Website & RSS feed
Categories: DeploymentHow to...
Oct 18, 2024
by Michelle Barker (5 posts) · Website & RSS feed
Categories: How to...MarkdownShortcodes
I’ve added a search page. It uses Pagefind. It turns out I’d already begun work on this with the original site. The clue was a commented-out line in my Makefile: index: npx -y pagefind --site ${SITE_DIR} All I needed to do was create a search page and add a snippet: --- layout: layouts/base.njk titl
Oct 12, 2024
by Jack Baty (1 post) · Website & RSS feed
Private Notes in Eleventy
Oct 10, 2024
by Sam Feldstein (2 posts) · Website & RSS feed
Categories: DraftsFront MatterHow to...
Prairie Rose Arena - Project Notes
Oct 10, 2024
by Sam Feldstein (2 posts) · Website & RSS feed
Categories: CMSDeploymentHow to...ImagesPerformanceWhy Eleventy?
I love how in Eleventy, you can build a site step-by-step and at each small step, have a functional website. In this post, I describe a workshop structure I’ve used lately to teach a few of my friends how to build a static site with Eleventy.
Oct 6, 2024
by Juha-Matti Santala (22 posts) · Website & RSS feed
Categories: BloggingConfigurationFiltersGetting StartedHow to...Plugins
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.
Oct 4, 2024
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: CollectionsHow to...RSS
CAUTION
The posts below were published before the release of Eleventy v3.0.0 (Oct 1, 2024). Information in these posts may be out of date. The current stable release is 3.12.
I've been tinkering with a new Eleventy project and decided to fire it up using the 3 beta version.
Sep 24, 2024
by Trevor Morris (8 posts) · Website & RSS feed
Categories: CollectionsFiltersHow to...Pagination
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
Sep 22, 2024
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: CollectionsHow to...RSS
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...
A web developer living, working and playing in Scotland.
Sep 21, 2024
by Patrick Grey (1 post) · Website & RSS feed
Categories: CMSDeploymentHow to...Images
Simon Cox experiments with a newspaper-style layout using CSS columns, grayscale filters, and a custom design to replicate the feel of vintage newsprint.
Sep 15, 2024
by Simon Cox (16 posts) · Website & RSS feed
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...
The background and design decisions that went into my new website.
Sep 14, 2024
by Fynn Becker (3 posts) · Website & RSS feed
It'd be cool to be able to sprinkle in some charts to your website easily. And without a lick of client-side JavaScript.
Sep 9, 2024
by Rob O'Leary (12 posts) · Website & RSS feed
Categories: CSS/SassHow to...Nunjucks/Macros
Benny Powers, Web Developer
Sep 3, 2024
by Benny Powers (8 posts) · Website
Categories: ConfigurationHow to...
Aug 31, 2024
by Harris Lapiroff (6 posts) · Website & RSS feed
Categories: BloggingConfigurationHow to...
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.
Aug 28, 2024
by Trevor Morris (8 posts) · Website & RSS feed
Categories: CollectionsConfigurationFiltersHow to...Shortcodes
Explains how you can use environment variables in Eleventy content pages
Aug 28, 2024
by Florian Eckerstorfer (9 posts) · Website & RSS feed
Categories: ConfigurationGlobal DataHow to...
How to set up on-demand building in Eleventy to allow live content previews with Sanity CMS.
Aug 28, 2024
by Max Böck (8 posts) · Website & RSS feed
Categories: CMSDraftsHow to...Serverless
If you're building up a custom Eleventy collection using addCollection, you may need to use existing filters to create the desired data.
Aug 26, 2024
by Trevor Morris (8 posts) · Website & RSS feed
Categories: CollectionsFiltersHow to...
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.
Aug 22, 2024
by Trevor Morris (8 posts) · Website & RSS feed
Categories: ConfigurationFiltersHow to...Shortcodes
How I managed to add a comments system to my static blog.
Aug 11, 2024
by Cascade (1 post) · Website & RSS feed
Categories: DatesHow to...NetlifyRemote DataWebmentions
Sometimes it makes sense to write a unique excerpt. But sometimes the beginning of the page content works well enough, which is why many…
Aug 9, 2024
by Tyler Sticka (3 posts) · Website & RSS feed
Categories: FiltersGlobal DataHow to...MarkdownPlugins
At the moment my site has [6 different feeds](/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.
Aug 9, 2024
How I migrated my static site from Netlify to Cloudflare including setting up Functions to handle contact form requests
Aug 6, 2024
by Sia Karamalegos (13 posts) · Website & RSS feed
Categories: DeploymentHow to...Serverless
My experience upgrading this blog to the latest Eleventy blog.
Aug 5, 2024
Writing about the big beautiful mess that is making things for the world wide web.
Aug 2, 2024
by Jim Nielsen (1 post) · Website & RSS feed
Categories: DeploymentHow to...
A new middle
Aug 2, 2024
by Jason Moser (5 posts) · Website & RSS feed
Categories: DeploymentHow to...Upgrading
Jul 31, 2024
by Nathan Smith (2 posts) · Website & RSS feed
Categories: CSS/SassConfigurationHow to...
A post by Zach Leatherman (zachleat)
Jul 24, 2024
by Zach Leatherman (55 posts) · Website & RSS feed
Categories: ConfigurationDebuggingHow to...
In which I detail how I ported recipes.genehack.org to 11ty v3 and Tyescript
Jul 21, 2024
by John Anderson (1 post) · Website & RSS feed
Categories: How to...Migrating to Eleventy
My developer portfolio and blog website has been officially upgraded to Eleventy 3.0.
Jul 19, 2024
by Helen Chong (7 posts) · Website & RSS feed
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.
Jul 18, 2024
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: CMSFront MatterHow to...Remote Data
Jul 13, 2024
by Jeff Sikes (2 posts) · Website & RSS feed
Categories: Global DataHow to...Search
Building a Euros sweepstake website with 11ty
Jul 11, 2024
by Rob Wood (2 posts) · Website
Categories: DeploymentHow to...Remote DataScheduling
I recently started using umami.is for website analytics, and figured I could use the API to output some stats about my blog
Jul 10, 2024
by Lewis Dale (5 posts) · Website & RSS feed
Categories: FiltersHow to...Remote Data
How I'm fetching trophy and achievements to show on my game collection
Jul 7, 2024
by Robb Knight (20 posts) · Website & RSS feed
Categories: FiltersHow to...Remote Data
A bad idea. A very, very bad idea.
Jul 7, 2024
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...
Using templates, shortcodes, and the Eleventy supplied data for highlighting the current page in navigation
Jul 6, 2024
by nonnullish (3 posts) · Website & RSS feed
Categories: CSS/SassHow to...Shortcodes
How to add Squirrelly support to Eleventy
Jul 6, 2024
by Raymond Camden (104 posts) · Website & RSS feed
Categories: ConfigurationHow to...
Solving a problem I created
Jul 6, 2024
by Miriam Suzanne (1 post) · Website & RSS feed
Categories: Asset PipelinesCSS/SassConfigurationHow to...WebC
Just another blog
Jul 5, 2024
Turning your Mastodon archive into a web site with Eleventy
Jul 4, 2024
by Raymond Camden (104 posts) · Website & RSS feed
Categories: Global DataHow to...ImagesShortcodesSocial Media
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
Jul 3, 2024
by Chris McLeod (7 posts) · Website & RSS feed
Categories: BloggingGlobal DataHow to...Social Media
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.
Jul 3, 2024
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: Now PageHow to...Remote Data
Lists are wonderful, and filters make them better. This article is about building a custom filter for Eleventy collections.
Jul 1, 2024
by Tom Doe (11 posts) · Website & RSS feed
Categories: CollectionsFiltersHow to...Search
How I added cooklang to my blog and the 11ty extension I created in the process
Jul 1, 2024
by Matthew Paul (1 post) · Website
Categories: ConfigurationHow to...Plugins
Visualise posting frequency data
Jun 30, 2024
A post by Zach Leatherman (zachleat)
Jun 30, 2024
by Zach Leatherman (55 posts) · Website & RSS feed
Categories: ConfigurationGetting StartedHow to...
Fetching all my public photos from Flickr & putting them on my page
Jun 30, 2024
by nonnullish (3 posts) · Website & RSS feed
Categories: Global DataHow to...Image GalleriesImagesPaginationRemote Data
A walkthrough on how I used Eleventy and the Airtable API to power a bookshelf pages with books I’ve read
Jun 28, 2024
by Melanie Richards (1 post) · Website & RSS feed
Categories: Books PagesData CascadeGlobal DataHow to...Remote Data
How to paginate through an array of arrays.
Jun 27, 2024
by Ben White (3 posts) · Website & RSS feed
Categories: How to...PaginationWebC
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.
Jun 27, 2024
by Trevor Morris (8 posts) · Website & RSS feed
Categories: Asset PipelinesCSS/SassHow to...
Saving links to Omnivore and using labels to display those as bookmarks on my website
Jun 25, 2024
by Clayton Errington (18 posts) · Website & RSS feed
Categories: FiltersHow to...Remote Data
Jun 23, 2024
by Peter Sefton (1 post) · Website
Categories: CollectionsHow to...ImagesWhy Eleventy?
How I added support for callouts/alerts to this site
Jun 21, 2024
How to automate 301 redirects in .htaccess using 11ty on Apache
Jun 21, 2024
by fLaMEd (10 posts) · Website & RSS feed
Categories: How to...
How to mix static and dynamic content so you can spend more time in a void
Jun 21, 2024
by Megaemce (1 post) · Website & RSS feed
Categories: DebuggingHow to...Remote Data
Getting webmentions up and running on 11ty - update!
Jun 19, 2024
by Jason Moser (5 posts) · Website & RSS feed
Categories: BloggingConfigurationHow to...Social MediaWebmentions
How to block bots with robots.txt, .htaccess with 11ty and Apache. Make it difficult for them to jack your stuff!
Jun 16, 2024
by fLaMEd (10 posts) · Website & RSS feed
Categories: How to...
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
Jun 15, 2024
by Jeremy Faucher (8 posts) · Website & RSS feed
Categories: CollectionsHow to...
How I've automated updating the bot list to block access to my site
Jun 14, 2024
by Robb Knight (20 posts) · Website & RSS feed
Categories: How to...
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
Jun 13, 2024
by Rob O'Leary (12 posts) · Website & RSS feed
Categories: ConfigurationData CascadeHow to...
A quick intro to pushing out your own solo ttrpg recap website.
Jun 12, 2024
by Alex Ward (4 posts) · Website & RSS feed
Categories: DeploymentHow to...Obsidian
Using the Umami API to show the Top 10 pages on my website
Jun 11, 2024
by Clayton Errington (18 posts) · Website & RSS feed
Categories: Data CascadeGlobal DataHow to...Remote Data
w is more correct than x except in one scenario, which is going to be fixed, but the CSS must match.
Jun 11, 2024
by Shiv J.M. (13 posts) · Website & RSS feed
Netlify Large Media forces my hand.
Jun 11, 2024
by Mark Llobrera (7 posts) · Website & RSS feed
Categories: How to...ImagesImage GalleriesMarkdownRSSUpgrading
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.
Jun 10, 2024
Instead of minifying HTML and CSS, I make it easy to read.
Jun 9, 2024
by Shiv J.M. (13 posts) · Website & RSS feed
Categories: CSS/SassConfigurationHow to...Plugins
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
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 (12 posts) · Website & RSS feed
Categories: CollectionsHow to...Remote DataRSS
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...
I took some time this week to upgrade my site to the newest version of Eleventy. Here's what I learned.
Jun 1, 2024
by Max Böck (8 posts) · Website & RSS feed
Categories: CollectionsHow to...ImagesPluginsUpgrading
In Eleventy 3.0, virtual templates enable plugin authors to publish and share dynamic templates.
Jun 1, 2024
by Aleksandr Hovhannisyan (14 posts) · Website & RSS feed
Categories: ConfigurationFront MatterGlobal DataHow to...Plugins
JavaScript code to convert Obsidian image links to Nunjucks short codes.
May 29, 2024
by Amy Khar (1 post) · Website & RSS feed
Categories: How to...ImagesObsidianShortcodes
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.
May 26, 2024
by Rob O'Leary (12 posts) · Website & RSS feed
Categories: CollectionsConfigurationGlobal DataHow to...
I've expanded the media sections I already had built to include pages generated from data using Eleventy.
May 24, 2024
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: Data CascadeHow to...Remote Data
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.
May 24, 2024
by Chris Burnell (8 posts) · Website & RSS feed
Categories: Front MatterHow to...LayoutsNunjucks/Macros
A short summary of upgrading this website to Eleventy v3.
May 23, 2024
by Tom Doe (11 posts) · Website & RSS feed
Categories: ConfigurationHow to...Upgrading
Taking inspiration from a fellow blogger
May 19, 2024
by A.K. Anuszewski (2 posts) · Website & RSS feed
Categories: ConfigurationHow to...
One short data file and one tiny template to block… er, dissuade all AI scrapers and crawlers.
May 14, 2024
by Shiv J.M. (13 posts) · Website & RSS feed
Categories: How to...PermalinksRemote Data
This is a step-by-step tutorial on how to create a blog site using Eleventy and Storyblok.
May 13, 2024
by Estela Franco (4 posts) · Website & RSS feed
Categories: BloggingCMSConfigurationHow to...Pagination
Maximilian Boll - Frontend Web-Developer in Mainz/Germany - makkusu.dev
May 13, 2024
by Max Boll (1 post) · Website & RSS feed
May 12, 2024
by Alex Hyett (2 posts) · Website & RSS feed
Categories: DeploymentDraftsHow to...Scheduling
May 11, 2024
by Al Power (9 posts) · Website & RSS feed
Categories: DebuggingHow to...LayoutsNunjucks/Macros
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...NotionPluginsRemote Data
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.
May 8, 2024
by Dustin Whisman (5 posts) · Website & RSS feed
Categories: CollectionsHow to...RSS
How I implemented Notion and PSN APIs in my Eleventy build for my Now and Gaming pages.
May 3, 2024
by Christopher Kirk-Nielsen (14 posts) · Website & RSS feed
Categories: How to...MarkdownNow PageNotionRemote Data
In this article, we'll explore how I built a localised website for a client of mine using 11ty, Sanity, and Netlify.
May 3, 2024
by Ryan Gittings (4 posts) · Website
Categories: CMSHow to...Internationalization
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.
May 1, 2024
How I surf the web, manage my online bookmarks and share exciting hyperlinks with the community.
Apr 30, 2024
by fLaMEd (10 posts) · Website & RSS feed
Categories: CollectionsHow to...PaginationRemote DataRSS
An implementation for identifying new posts in an Eleventy site built on GitLab pages and sending post-specific notifications (part 2 of 2).
Apr 29, 2024
by Aaron Goldenthal (4 posts) · Website & RSS feed
Categories: CollectionsConfigurationHow to...Social Media
Forget the usual suspects for your website hosting. You should consider shared hosting for your next 11ty project.
Apr 25, 2024
by fLaMEd (10 posts) · Website & RSS feed
Categories: DeploymentHow to...
This is probably a very obvious one for everyone; the less content on the page, the quicker it will load.
Apr 19, 2024
by Thomas Rigby (8 posts) · Website & RSS feed
Categories: How to...PaginationPerformance
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
Apr 17, 2024
by Alistair Deneys (2 posts) · Website
Categories: CollectionsHow to...Pagination
InfoSec Now, Serenity Later
Apr 15, 2024
by Lucas Cantor (1 post) · Website & RSS feed
Categories: DeploymentHow to...
The 11ty equivalent of Ethan Marcotte's Jekyll solution
Apr 15, 2024
by Dave Slusher (2 posts) · Website & RSS feed
Categories: How to...Permalinks
I recreated my developer portfolio and blog from scratch with Eleventy.
Apr 11, 2024
by Helen Chong (7 posts) · Website & RSS feed
Categories: How to...Why Eleventy?
Caching images across Netlify builds
Apr 10, 2024
by Thomas Rigby (8 posts) · Website & RSS feed
Categories: DeploymentHow to...PerformanceImages
An implementation for identifying new posts in an Eleventy site built on GitLab pages and sending post-specific notifications (part 1 of 2).
Apr 8, 2024
by Aaron Goldenthal (4 posts) · Website & RSS feed
Categories: CollectionsConfigurationHow to...
Apr 6, 2024
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.
Apr 5, 2024
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: How to...Pagination
Some notes about this 2024 redesign.
Apr 4, 2024
by Christopher Kirk-Nielsen (14 posts) · Website & RSS feed
Categories: Asset PipelinesHow to...Plugins
Apr 4, 2024
by Dan Urbanoicz (1 post) · Website
Categories: Front MatterHow to...FiltersCollections
Eleventy Markdown code block line highlighting made simple
Apr 4, 2024
by Henry Bley-Vroman (4 posts) · Website & RSS feed
Categories: ConfigurationHow to...MarkdownPlugins
Bringing in a third-party library for easy, reliable line numbering
Apr 4, 2024
by Henry Bley-Vroman (4 posts) · Website & RSS feed
Categories: ConfigurationHow to...MarkdownPlugins
My site got to thirteenth place on Eleventy Leaderboards with perfect Lighthouse scores.
Mar 27, 2024
by Silvestar Bistrović (3 posts) · Website & RSS feed
Categories: How to...Performance
Understand the basic concepts of Eleventy Layouts and Templates. Learn how the 11ty static site generator utilizes them in your Eleventy site.
Mar 26, 2024
by Danial Zahid (6 posts) · Website
Categories: ConfigurationHow to...Layouts
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!
Mar 24, 2024
by Chris Burnell (8 posts) · Website & RSS feed
Categories: Asset PipelinesHow to...PerformancePlugins
Create an interactive TOC for Markdown in Static Site Generators using the Intersection Observer API.
Mar 24, 2024
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
Mar 22, 2024
by Silvestar Bistrović (3 posts) · Website & RSS feed
Categories: CMSHow to...NetlifyRemote DataServerless
I got overwhelmed by build steps and decided to fetch my webmentions through a web component.
Mar 22, 2024
by Troy V (1 post) · Website & RSS feed
Categories: How to...Webmentions
This website includes my personal reading list now. It was built using Eleventy and Omnivore, an approach described in this article.
Mar 20, 2024
by Tom Doe (11 posts) · Website & RSS feed
Categories: DeploymentHow to...PluginsRemote Data
Generated Open Graph images, without driving a browser. Here is how I made mine.
Mar 19, 2024
by John Hobbs (4 posts) · Website & RSS feed
Categories: How to...ImagesSocial Media
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.
Mar 18, 2024
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
Mar 18, 2024
by John M. Wargo (45 posts) · Website & RSS feed
Categories: BloggingFront MatterHow to...
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.
Mar 17, 2024
by Simon Cox (16 posts) · Website & RSS feed
Categories: CollectionsHow to...
Effortlessly automate regular website updates for your static site using Netlify scheduled functions. Set it and forget it - never worry about manual updates again!
Mar 17, 2024
by Marc Littlemore (4 posts) · Website & RSS feed
Categories: BloggingDeploymentHow to...NetlifyScheduling
Everybody seems to implement their own way of generating post excerpts in Eleventy, and here's mine.
Mar 15, 2024
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
Mar 13, 2024
by Jordan Kohl (8 posts) · Website
Categories: BloggingCollectionsDatesHow to...
A post about the new automatic template image scaling support in Eleventy Image 4.0.0.
Mar 13, 2024
by Martin Gunnarsson (9 posts) · Website & RSS feed
Categories: ConfigurationHow to...Images
Documenting a refactor that introduced a folder structure and configuration changes, which summarises how I Eleventy.
Mar 13, 2024
by Declan Byrd (2 posts) · Website & RSS feed
Categories: ConfigurationHow to...LayoutsMarkdownPermalinksShortcodes
I've added a small event to optimize web component JavaScript when my site builds.
Mar 10, 2024
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: Asset PipelinesHow to...Performance
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.
Mar 9, 2024
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: CollectionsFiltersHow to...
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
Local-only posts enhance the author experience
Mar 6, 2024
by Henry Bley-Vroman (4 posts) · Website & RSS feed
Categories: BloggingCollectionsConfigurationDraftsHow to...
An article about building a serverless guestbook for a static website.
Mar 4, 2024
by Tom Doe (11 posts) · Website & RSS feed
Categories: How to...Remote Data
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
Mar 3, 2024
by Jordan Kohl (8 posts) · Website
Categories: How to...ImagesConfiguration
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.
Mar 1, 2024
by Rob O'Leary (12 posts) · Website & RSS feed
Categories: BloggingCollectionsConfigurationDatesHow to...
I demonstrate how to make MathML equations using LaTeX markup with TeXZilla.
Mar 1, 2024
How I built my comics page using League of Comic Geeks, a NodeJS module and Eleventy.
Feb 29, 2024
by fLaMEd (10 posts) · Website & RSS feed
Categories: How to...Remote Data
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...
Feb 29, 2024
by Jonas Brusman (1 post) · Website & RSS feed
Categories: DeploymentHow to...
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?
Feb 29, 2024
by Ryan Gittings (4 posts) · Website
Categories: How to...PerformanceWebC
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.
Feb 28, 2024
by Juha-Matti Santala (22 posts) · Website & RSS feed
Categories: How to...SearchWebmentions
A post by Zach Leatherman (zachleat)
Feb 27, 2024
I updated the version of 11ty I use for this blog to the current alpha, to switch from CJS to ESM.
Feb 26, 2024
by Tobias Fedder (7 posts) · Website & RSS feed
Categories: ConfigurationHow to...
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.
Feb 26, 2024
Short and quick tutorial on how to embed custom HTML content between post paragraphs on an Eleventy site.
Feb 23, 2024
by Łukasz Wójcik (2 posts) · Website & RSS feed
Categories: ConfigurationFiltersHow to...
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
Feb 22, 2024
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: How to...Now PageRemote Data
Introducing a new side project: I built a directory of websites that provide a curated collection of bookmarks and/or links to other websites.
Feb 21, 2024
by Tom Doe (11 posts) · Website & RSS feed
Categories: CollectionsDatesHow to...Markdown
A blog post about how my site works based on a talk I did at the Eleventy meetup
Feb 21, 2024
by Robb Knight (20 posts) · Website & RSS feed
Categories: BloggingGlobal DataHow to...Remote DataSocial Media
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
Feb 21, 2024
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: Remote DataHow to...Now Page
I decided to take on some overdue refactoring of the 11tybundle.dev site. Here's what I did.
Feb 20, 2024
by Bob Monsour (20 posts) · Website & RSS feed
Categories: FiltersHow to...Nunjucks/MacrosShortcodes
YouTube video
Feb 20, 2024
Categories: How to...Remote DataSocial MediaWebmentionsYouTube
YouTube video
Feb 20, 2024
by Juha-Matti Santala (22 posts)
Categories: CMSGlobal DataHow to...
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.
Feb 19, 2024
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: Data CascadeGlobal DataHow to...Remote Data
I have created an Eleventy plugin to easily implement cache busting and asset handling.
Feb 18, 2024
by Florian Eckerstorfer (9 posts) · Website & RSS feed
Categories: Asset PipelinesHow to...Plugins
DeepakNess is an internet generalist who likes learning and working on a mix of things across AI, tech, programmatic SEO, marketing, and more.
Feb 16, 2024
by DeepakNess (4 posts) · Website & RSS feed
This website has a bookmarks directory now.
Feb 15, 2024
by Tom Doe (11 posts) · Website & RSS feed
Categories: CollectionsHow to...
Eleventy now support automatic transforms from local paths to output URLs right out of the box.
Feb 14, 2024
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.
Feb 14, 2024
A quick image gallery using Eleventy and backed by Immich
Feb 12, 2024
by Chris Burgess (2 posts) · Website & RSS feed
Categories: CollectionsHow to...ImagesPlugins
Feb 12, 2024
by Jaden Baptista (1 post) · Website
Categories: ConfigurationHow to...Search
How I set up Fathom Analytics to track 404 broken URLs so that I could redirect those links to the correct page.
Feb 11, 2024
by Simon Cox (16 posts) · Website & RSS feed
This is a step-by-step tutorial on how to query data from Storyblok to use it in an Eleventy project.
Feb 8, 2024
by Estela Franco (4 posts) · Website & RSS feed
Categories: CMSConfigurationGlobal DataHow to...
YouTube video
Feb 8, 2024
A post by Zach Leatherman (zachleat)
Feb 7, 2024
by Zach Leatherman (55 posts) · Website & RSS feed
Categories: ConfigurationHow to...PluginsFrom the SourceUpgrading
Added an enhancement to my Eleventy New Post utility to support choosing the target folder during post creation.
Feb 6, 2024
How to check if a remote image is available before attempting to optimize it using @11ty/eleventy-img.
Feb 5, 2024
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: How to...ImagesWebmentions
A small tip for computed navigation, when the URL structures don’t all match.
Feb 3, 2024
by Anita Cheng (1 post) · Website
Categories: How to...NavigationPagination
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...NotionRemote Data
ZOMG my first 11ty filter!
Jan 31, 2024
I've reduced the build time for the 11ty Bundle site from 30 seconds to 10 seconds. Here's how.
Jan 31, 2024
by Bob Monsour (20 posts) · Website & RSS feed
Categories: FiltersHow to...Performance
How to make tabs in the browser always show which build you’re working on.
Jan 30, 2024
by Nikita Dubko (1 post) · Website & RSS feed
Categories: ConfigurationHow to...Nunjucks/Macros
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.
Jan 27, 2024
by Rob O'Leary (12 posts) · Website & RSS feed
Categories: ConfigurationHow to...
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.
Jan 26, 2024
by Andy Bell (3 posts) · Website & RSS feed
Categories: CollectionsConfigurationHow to...LayoutsPagination
Not letting emojis drop mentions on the floor
Jan 25, 2024
by Jeff Sheets (5 posts) · Website
Categories: How to...Webmentions
With Eleventy’s data files, I’ve come up with a good setup to build landing pages for communities that organize events.
Jan 24, 2024
by Juha-Matti Santala (22 posts) · Website & RSS feed
Categories: Data CascadeFiltersGlobal DataHow to...
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?
Jan 24, 2024
by Rob O'Leary (12 posts) · Website & RSS feed
Categories: ConfigurationGlobal DataHow to...Layouts
Create unique images for each page at build time
Jan 24, 2024
by John Brooks (4 posts) · Website & RSS feed
Categories: ConfigurationHow to...ImagesSocial Media
Jan 22, 2024
by Sophie Koonin (5 posts) · Website & RSS feed
Categories: DatesFiltersHow to...MarkdownRemote Data
How I'm creating OPML files for my blog, and pod, rolls so people can subscribe to all of the sites in one go
Jan 21, 2024
by Robb Knight (20 posts) · Website & RSS feed
Categories: BloggingData CascadeDatesHow to...
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
Jan 21, 2024
by Chris McLeod (7 posts) · Website & RSS feed
Categories: How to...Webmentions
A look at how Fudge Sunday 🤔💡🤯🤓 newsletter gets made each week
Jan 21, 2024
by Jay Cuthrell (2 posts) · Website & RSS feed
Categories: DeploymentHow to...
Jan 20, 2024
by Sophie Koonin (5 posts) · Website & RSS feed
Categories: DeploymentHow to...
Jan 20, 2024
by Sophie Koonin (5 posts) · Website & RSS feed
Categories: How to...Webmentions
Automatically optimise and serve images by type and size in Eleventy.
Jan 17, 2024
by Eystein Mack Alnaes (2 posts) · Website & RSS feed
Categories: How to...ImagesPerformancePlugins
YouTube video
Jan 17, 2024
Categories: Getting StartedHow to...YouTube
This website used to have tags. They were gone for about 3 years, but they're back now.
Jan 16, 2024
by Tom Doe (11 posts) · Website & RSS feed
Categories: BloggingCollectionsHow to...Pagination
Using linkedom to grab all repositories that are depending on my post graph plugin
Jan 16, 2024
by Robb Knight (20 posts) · Website & RSS feed
Categories: Global DataHow to...Plugins
Keeping old paths alive on the new site
Jan 14, 2024
by Jeff Sheets (5 posts) · Website
Categories: ConfigurationDeploymentHow to...
I had told myself that I wouldn't do this...but, seeing them on other people's sites changed my mind.
Jan 13, 2024
by Bob Monsour (20 posts) · Website & RSS feed
Categories: FiltersGlobal DataHow to...Social MediaWebmentions
One person is typing.
Jan 13, 2024
by Cassey Lottman (12 posts) · Website & RSS feed
Categories: BloggingCMSConfigurationHow to...Plugins
We need more tutorials for using Eleventy outside of Netlify. Lets take a look at setting up redirects on Neocities with Eleventy.
Jan 12, 2024
by fLaMEd (10 posts) · Website & RSS feed
Categories: ConfigurationDeploymentFront MatterHow to...Pagination
Jan 10, 2024
by Lewis Dale (5 posts) · Website & RSS feed
Categories: Front MatterHow to...Markdown
Describes how to hide posts with a future publishing date in an Eleventy site.
Jan 10, 2024
by John M. Wargo (45 posts) · Website & RSS feed
Categories: BloggingConfigurationGlobal DataHow to...Plugins
How I use Readwise Reader to post and share links.
Jan 10, 2024
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: How to...BloggingRemote Data
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
Jan 7, 2024
A brief explanation of the way I built the "Right now" box on my homepage.
Jan 7, 2024
by Martin Gunnarsson (9 posts) · Website & RSS feed
Categories: CollectionsData CascadeDatesHow to...Now Page
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 ...
Jan 5, 2024
by Gurpreet Singh (1 post) · Website & RSS feed
Categories: Getting StartedHow to...Why Eleventy?
How I used JPEGs as templates in Eleventy to build a photo gallery
Jan 5, 2024
by Evan Sheehan (8 posts) · Website & RSS feed
Categories: ConfigurationHow to...ImagesLayoutsImage Galleries
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.
Jan 5, 2024
by Tobias Fedder (7 posts) · Website & RSS feed
Categories: ConfigurationHow to...Performance
Step-by-step guide for a deployment of your 11ty blog using rsync, npm deploy scripts and optimization for an efficient workflow.
Jan 4, 2024
by Moritz Giessmann (1 post) · Website & RSS feed
Categories: DeploymentHow to...
2023
Multiline Comment • The online journal of Ashur Cabrera
Dec 31, 2023
by Ashur Cabrera (8 posts) · Website & RSS feed
Categories: ConfigurationHow to...Remote Data
A brief description of how I set up automatic image scaling in Eleventy.
Dec 29, 2023
by Martin Gunnarsson (9 posts) · Website & RSS feed
Categories: ConfigurationHow to...ImagesPlugins
Dec 28, 2023
by Keith Wagner (5 posts) · Website & RSS feed
Categories: BloggingHow to...MarkdownMigrating to EleventyPermalinksShortcodes
Describes an Eleventy plugin I created that enables a site to display a list of downloadable files.
Dec 27, 2023
How to modify external links by post-processing HTML in Eleventy.
Dec 26, 2023
A quick and dirty way of using Eleventy Fetch and Liquid to display webmentions on your site.
Dec 26, 2023
by Michael Bishop (2 posts) · Website & RSS feed
Categories: How to...Webmentions
How I'm using Eleventy Fetch to display my recently played tracks from LastFM.
Dec 26, 2023
by Michael Bishop (2 posts) · Website & RSS feed
Categories: How to...Remote Data
How I'm caching my open graph images with eleventy-plugin-og-image instead of generating them on every build
Dec 24, 2023
by Robb Knight (20 posts) · Website & RSS feed
Categories: ConfigurationHow to...ImagesLayoutsSocial Media
An extension of the previous post that shows how to add a list of GitHub repositories to this site using authenticated access to the GitHub REST API.
Dec 23, 2023
by John M. Wargo (45 posts) · Website & RSS feed
Categories: How to...Remote Data
A post by Zach Leatherman (zachleat)
Dec 22, 2023
by Zach Leatherman (55 posts) · Website & RSS feed
Categories: CMSHow to...InternationalizationPluginsYouTube
I decided to add a list of GitHub repositories to this site; not because the site needs it, but because I wanted to learn how to do it. I built a quick and easy approach (with limitations) and this post describes how I did it.
Dec 22, 2023
by John M. Wargo (45 posts) · Website & RSS feed
Categories: How to...Remote Data
Generate Github-style post distribution graph for your blog posts in Eleventy
Dec 19, 2023
Autogenerating image previews with Eleventy filter functions and node-canvas
Dec 17, 2023
by nonnullish (3 posts) · Website & RSS feed
Categories: FiltersHow to...ImagesSocial Media
A quick tutorial about how to enable syntax highlighting of code blocks in Eleventy posts
Dec 16, 2023
Learn how to add an XML sitemap file for your Eleventy website. A complete tutorial for creating sitemap.xml for 11ty site.
Dec 13, 2023
by Danial Zahid (6 posts) · Website
Categories: ConfigurationHow to...
Jan De Wilde, designer and web developer
Dec 12, 2023
The concise guide to using Pagefind for your static site’s search functionality.
Dec 11, 2023
by Henry Bley-Vroman (4 posts) · Website & RSS feed
Categories: ConfigurationHow to...Search
Migrating W3Things from WordPress to 11ty (Eleventy) static site generator. Sharing the site transfer experience and more.
Dec 10, 2023
by Danial Zahid (6 posts) · Website
Categories: How to...Migrating to EleventyWhy Eleventy?
Visual editing is table stakes for a modern content management workflow.
Dec 7, 2023
by Zach Leatherman (55 posts) · Website & RSS feed
Categories: BloggingCMSCSS/SassConfigurationHow to...
I've been wanting to add search functionality to this site for a while. Pagefind made it simple.
Dec 6, 2023
YouTube video
Dec 6, 2023
Categories: Getting StartedHow to...YouTube
I love Last.fm, but in the interest of redundancy, Ive started programmatically importing my listening data from Last.fm into ListenBrainz.
Dec 5, 2023
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: Data CascadeGlobal DataHow to...Remote Data
A post by Zach Leatherman (zachleat)
Dec 1, 2023
Using navigator.sendBeacon to toggle dark mode with 11ty Edge functions and Netlify
Nov 30, 2023
by Ginger (7 posts) · Website & RSS feed
Categories: Edge FunctionsHow to...
How I added a simple audio preview to my recent Spotify tracks.
Nov 29, 2023
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...Remote Data
Nov 28, 2023
by Dan Ryan (1 post) · Website & RSS feed
Categories: ConfigurationHow to...WebC
A small idea to check how many actors have been in both Scrubs and Grey's Anatomy turned into a much bigger thing
Nov 27, 2023
by Robb Knight (20 posts) · Website & RSS feed
Categories: How to...Remote Data
A blog about web development, handy tutorials, quick rants, thoughts, and everything in between.
Nov 26, 2023
by Ginger (7 posts) · Website & RSS feed
Group by year in a clear and readable manner.
Nov 24, 2023
by Christopher Kirk-Nielsen (14 posts) · Website & RSS feed
Categories: CollectionsDatesFiltersHow to...Nunjucks/Macros
Where I describe a ci/cd configuration to deploy an 11ty blog to neocities
Nov 23, 2023
by Grigør (2 posts) · Website
Categories: DeploymentHow to...
How I'm using the Fathom API to show a list of popular blogs posts in my Eleventy site
Nov 23, 2023
by Robb Knight (20 posts) · Website & RSS feed
Categories: AnalyticsData CascadeFiltersHow to...Remote Data
Nov 21, 2023
by Sophie Koonin (5 posts) · Website & RSS feed
Categories: BloggingConfigurationDeploymentHow to...Scheduling
Here's how the Firehose page of the 11tybundle.dev site is built.
Nov 21, 2023
by Bob Monsour (20 posts) · Website & RSS feed
Categories: CollectionsHow to...Remote Data
Creating content locally like a hosted editor
Nov 21, 2023
The YouTube API doesn't exclude past livestream videos from a playlist on its own. Here's how I filtered them.
Nov 20, 2023
by Josh Vickerson (2 posts) · Website & RSS feed
Categories: How to...Remote DataYouTube
Nov 19, 2023
by Sophie Koonin (5 posts) · Website & RSS feed
Categories: BloggingCollectionsHow to...PaginationRSS
Nov 18, 2023
by John M. Wargo (45 posts) · Website & RSS feed
Categories: CollectionsHow to...
Tag clouds are a good way of seeing what kind of posts are floating around in your blog, lets bring them back
Nov 16, 2023
by Ginger (7 posts) · Website & RSS feed
Adding a hit counter with Plausible is private and quick using their aggregate API
Nov 15, 2023
by Ginger (7 posts) · Website & RSS feed
Categories: AnalyticsHow to...Remote Data
renkotsuban's personal site and blog.
Nov 15, 2023
by Renkon (3 posts) · Website & RSS feed
Categories: Getting StartedHow to...Migrating to Eleventy
A post by Zach Leatherman (zachleat)
Nov 15, 2023
I mused the other day about wanting a replacement for Tweekly.fm which shut down due to Twitter's API changes and restrictions. In my case, the aim would be to make this compatible with Mastodon since that's where I've found myself spending the most time recently.
Nov 15, 2023
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: How to...Remote Data
YouTube video
Nov 15, 2023
Categories: Getting StartedHow to...YouTube
Nov 11, 2023
by Harris Lapiroff (6 posts) · Website & RSS feed
Categories: ConfigurationHow to...
Highlight current parent folder using the eleventy-navigation plugin
Nov 10, 2023
by Eystein Mack Alnaes (2 posts) · Website & RSS feed
Categories: How to...Navigation
Default layouts in 11ty
Nov 6, 2023
by Remy Sharp (2 posts) · Website & RSS feed
Categories: ConfigurationHow to...Layouts
Placeholder text. Can't generate excerpt
Nov 6, 2023
by Carlos Araya (5 posts) · Website & RSS feed
Categories: BloggingHow to...Migrating to Eleventy
The hackable, local, markdown based CMS for the developer that doesn't want content management to be a whole thing.
Nov 2, 2023
by Ginger (7 posts) · Website & RSS feed
Categories: CMSFront MatterHow to...
Here I use a javascript template to generate json data files for selected categories of the 11tybundle.dev site.
Oct 31, 2023
by Bob Monsour (20 posts) · Website & RSS feed
Categories: How to...Pagination
Feedbin is removing the wrong elements, so let's make up for it on our own
Oct 31, 2023
by Ginger (7 posts) · Website & RSS feed
A short tutorial on how to count words and determine the reading time using Eleventy.
Oct 29, 2023
by Andrew Ward (3 posts) · Website & RSS feed
A short tutorial on how to find backlinks (pages that link to the current page) using Eleventy
Oct 29, 2023
by Andrew Ward (3 posts) · Website & RSS feed
Learn how to organize your 11ty config file by creating separate plugin files. Improve maintainability and readability of your Eleventy project structure.
Oct 29, 2023
by Simon Cox (16 posts) · Website & RSS feed
Categories: ConfigurationHow to...
Oct 27, 2023
by Whiona (1 post) · Website & RSS feed
Categories: BloggingDeploymentGetting StartedHow to...
The setup for sharing my photo gallery.
Oct 25, 2023
by Darek Kay (5 posts) · Website & RSS feed
Categories: How to...ImagesNavigationImage Galleries
MooseDog Studios - Where Convention Takes A Back Seat To Quality
Oct 23, 2023
by Robin Hoover (4 posts) · Website
Categories: ConfigurationHow to...
Twitter X recently removed headlines and descriptions from link previews, in the name of “esthetics.” Inspired by Steph Ango, while we try not to run our business on the whims of a social media platform, this change did push us into making a change we’ve been meaning to for awhile: adding social pre
Oct 17, 2023
by Matthew Lettini (1 post) · Website & RSS feed
Categories: How to...ImagesSocial Media
Taking a deep dive into setting up a CMS for my static site with TinaCMS
Oct 17, 2023
by Clayton Errington (18 posts) · Website & RSS feed
Categories: BloggingCMSConfigurationDeploymentHow to...
YouTube video
Oct 16, 2023
Categories: DeploymentHow to...Remote DataYouTube
Showcasing CloudCannon with 11ty as a headless CMS service
Oct 14, 2023
Shifting sheetsj.com into the future
Oct 13, 2023
by Jeff Sheets (5 posts) · Website
Categories: Migrating to EleventyHow to...Blogging
An approach to add a breadcrumb navigation to your Eleventy site, utilising the permalink structure
Oct 13, 2023
by Oscar (3 posts) · Website & RSS feed
Categories: NavigationHow to...CSS/SassPermalinks
Earlier this year (2023) I added a [search feature](/search/) to my blog. I’ve always appreciated being able to search other people’s personal sites directly without resorting to a third-party search engine. As I try to get back into writing more here, especially little web development notes to my f
Oct 9, 2023
Creating an SSG flow to generate a highly optimized static website.
Oct 7, 2023
by Piotr Maliński (3 posts) · Website & RSS feed
Categories: ConfigurationHow to...ImagesCSS/SassSocial Media
If you’ve worked with TypeScript, React or Next odds are you’ve encountered an update that broke a... Tagged with frontend, css, html, tutorial.
Oct 3, 2023
by Tomek Poniatowicz (2 posts) · Website & RSS feed
Categories: BloggingCollectionsFront MatterHow to...Layouts
Converting my relatively basic personal website to Eleventy has shown me how challenging it is to build a static-site generator flexible...
Oct 2, 2023
by Keith Carangelo (1 post) · Website & RSS feed
Categories: BloggingHow to...Front MatterMarkdown
Use Kirby and 11ty to generate a headless kiosk application that works offline.
Oct 1, 2023
by James Steel (1 post) · Website & RSS feed
Simulate slow connections on your Eleventy website using dev server middleware.
Sep 29, 2023
by Darek Kay (5 posts) · Website & RSS feed
Categories: Asset PipelinesHow to...
For a small Eleventy-based project, I wanted to output an example.json file – stored in the data folder – in a Nunjucks template. If you simply output the variable example, you'll see the unhelpful [object Object] text.
Sep 29, 2023
Having a static site is great, but there could be times where you need to build your site on a schedule.
Sep 28, 2023
by Clayton Errington (18 posts) · Website & RSS feed
Categories: How to...DeploymentScheduling
During my recent blog migrations, I discovered the new slugify filter handles apostrophes differently. I'd prefer they were dropped. Here are the steps.
Sep 27, 2023
How I created a blogroll with 11ty based off of Ben Myers solution
Sep 24, 2023
Sep 23, 2023
by Micah Torcellini (1 post) · Website & RSS feed
Categories: PaginationHow to...Collections
In creating my portfolio site, I wanted to have dynamic elements that would add/remove classes based... Tagged with eleventy, 11ty, tutorial, portfolio.
Sep 21, 2023
by Adam Jolicoeur (1 post) · Website & RSS feed
Categories: How to...Navigation
A step-by-step guide to adding a blogroll, complete with each blog’s latest posts, to your Eleventy site.
Sep 21, 2023
by Ben Myers (6 posts) · Website & RSS feed
Categories: Data CascadeRemote DataHow to...ConfigurationBlogging
Adding GIF-like looping video to my site.
Sep 21, 2023
by Mark Llobrera (7 posts) · Website & RSS feed
Categories: How to...
Web development blog. The good, bad, and ugly (mostly bad and ugly)
Sep 15, 2023
How to use "featured" posts to highlight important content.
Sep 12, 2023
by Raymond Camden (104 posts) · Website & RSS feed
Categories: Front MatterHow to...
I went out on a limb recently and decided to build a custom collection in Eleventy that aggregates my post tags and link tags (sourced from Matter). These tags then get appended to shared post or link titles when they're syndicated from my site.
Sep 10, 2023
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: CollectionsHow to...
Now I have a few posts, it would be good to have some way to narrow them down when looking for something specific.
Sep 9, 2023
by Thomas Rigby (8 posts) · Website & RSS feed
Categories: FiltersHow to...Nunjucks/Macros
Getting CloudCannon setup with your Eleventy project is easier than you think
Sep 6, 2023
by Clayton Errington (18 posts) · Website & RSS feed
Categories: DeploymentHow to...CollectionsConfiguration
I made a minor update to how I'm normalizing TV data for display on my now page.
Sep 6, 2023
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: Remote DataHow to...Now Page
My now page consists of a number of similar sections — some bespoke text, a number of media grids and lists. The text is repeated once, the lists are easily templated out in Liquid.js and the media grids are all quite similar.
Sep 3, 2023
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: How to...
There comes a time in every Eleventy blog's life where the author must write a post about implementing webmentions. Here is mine.
Sep 1, 2023
by David Hayes (1 post) · Website & RSS feed
Categories: How to...Remote DataWebmentions
Setting a post to draft in 11ty while writing
Sep 1, 2023
by Simon Cox (16 posts) · Website & RSS feed
Categories: ConfigurationHow to...Drafts
Another example of front matter - signifying edits (both when and why)
Aug 31, 2023
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...Front Matter
Using front matter to specify a follow up to your content.
Aug 29, 2023
by Raymond Camden (104 posts) · Website & RSS feed
Categories: Front MatterHow to...
A series on doing more with your Jamstack site's front matter
Aug 28, 2023
by Raymond Camden (104 posts) · Website & RSS feed
Categories: Front MatterFiltersHow to...
My site is built using 11ty and is rebuilt once an hour. These frequent rebuilds accomplish a few things, notably updating webmention data and keeping my now page current.
Aug 25, 2023
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: How to...Edge FunctionsNow Page
Step by Step guide to adding the Eleventy Style Guide Generator to an existing site. Details on how to avoid needing WebC or Design Tokens included.
Aug 25, 2023
by Steven Woodson (6 posts) · Website & RSS feed
Categories: How to...
This website served me well for almost 5 years with minor improvements, tweaks and hacks. Now, it was time for a total rewrite and upgrading my stack and tools.
Aug 22, 2023
by Juha-Matti Santala (22 posts) · Website & RSS feed
Categories: Remote DataNotionHow to...
Step by step guide to gathering post categories and tags from the WordPress REST API for better filtering and discoverability in an Eleventy blog.
Aug 15, 2023
by Steven Woodson (6 posts) · Website & RSS feed
Categories: Remote DataHow to...
Multiline Comment • The online journal of Ashur Cabrera
Aug 5, 2023
If you want to build a website quickly then 11ty is a great tool. Here is how I set up my starter pack to get me up and running in a few minutes.
Aug 5, 2023
by Simon Cox (16 posts) · Website & RSS feed
Categories: How to...ConfigurationGetting Started
Describes a solution I implemented in this site to add Category-specific header images to posts. I modified my eleventy-generate-category-pages module to generate additional properties for the header images and some shortcodes to add the image and attribution to the site's pages.
Aug 4, 2023
I have been using Save As to create new web pages from old ones for my blog for some time now. This works okay, but I have to rename the file, delete out the old content then try to leave some of the reusable HTML snippets like image, links and the resources section, which can be a bit cumbersom.
Aug 2, 2023
With eleventy-plugin-code-demo, you can easily add interactive HTML, CSS, and JavaScript code demos to your Eleventy site using Markdown.
Jul 30, 2023
by Aleksandr Hovhannisyan (14 posts) · Website & RSS feed
Categories: How to...
Added functionality to find and replace certain Obsidian markdown with Nunjucks templates and HTML
Jul 28, 2023
A cheeky hack to make slot elements work as expected in 11ty's WebC framework.
Jul 28, 2023
Organize and automate your 11ty blog's post structure with ISO dates and some quick JavaScript.
Jul 28, 2023
The last time I wrote about deploying to GitHub Pages, it was essentially a tutorial on how to use Travis CI for deployment to GitHub Pages. Travis, unfortunately, discontinued their free plan b...
Jul 27, 2023
by Jonathan Snook (2 posts) · Website & RSS feed
Categories: DeploymentHow to...
After half a year of pondering, I finally wrote a bit of code to add comments to my blog via Mastodon replies.
Jul 26, 2023
by Juha-Matti Santala (22 posts) · Website & RSS feed
Categories: How to...Social Media
How I automatically sync my now page with omg.lol
Jul 23, 2023
by fLaMEd (10 posts) · Website & RSS feed
Categories: How to...Remote DataNow Page
This is the third spinoff post in the migration saga of this blog from WordPress to 11ty. Migrating was a good opportunity to rethink the information architecture of my site, especially around categorization. Categories vs Tags Just like most WP users, I was using both categories and tags, simply be
Jul 20, 2023
by Lea Verou (4 posts) · Website & RSS feed
Categories: How to...Collections
In this tutorial, we will build a blog site with Eleventy (11ty) and Webiny Headless CMS. We will look at how to set up Webiny and consume that data in a Eleventy (11ty) project.
Jul 18, 2023
by Maurice King (1 post) · Website
Categories: BloggingCMSGetting StartedHow to...
Adding webmentions support to 11ty using netlify hooks
Jul 18, 2023
by equilibriumuk (19 posts) · Website & RSS feed
Categories: How to...Webmentions
Generating favicon from svg in 11ty using sharp
Jul 14, 2023
by equilibriumuk (19 posts) · Website & RSS feed
Categories: ConfigurationHow to...Images
I took some time last week to build out a popular posts widget after seeing Zach's implementation using Google Analytics.
Jul 12, 2023
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: AnalyticsRemote DataHow to...
A look at using Adobe's PDF Extract API to integrate with Algolia's Search APIs
Jul 12, 2023
This article describes a command-line utility I created to do batch add/update to YAML front matter of all of the markdown files in a folder. This is especially helpful when working with static site generators (SSG).
Jul 10, 2023
by John M. Wargo (45 posts) · Website & RSS feed
Categories: Front MatterHow to...
I published an update to my Eleventy Plugin Post Statistics plugin this morning and this article explains what changed.
Jul 7, 2023
Google now want an accurate lastmod date in the xml sitemap. Here is how I set it up in my 11ty site.
Jul 6, 2023
by Simon Cox (16 posts) · Website & RSS feed
Categories: How to...Configuration
Gracefully handle fetch errors when building your site.
Jul 6, 2023
by John Brooks (4 posts) · Website & RSS feed
Categories: How to...Remote Data
How to add parameters to an Eleventy filter.
Jul 5, 2023
Combine multiple API calls and eleventy-fetch to enrich Trakt metadata with poster art.
Jul 2, 2023
by fLaMEd (10 posts) · Website & RSS feed
Categories: Remote DataHow to...
Jul 1, 2023
by John M. Wargo (45 posts) · Website & RSS feed
Categories: How to...
I'm trying to keep the setup of my personal projects as simple as possible. Today, we're looking at how CSS is generated.
Jun 29, 2023
by Martin Schneider (7 posts) · Website & RSS feed
Categories: CSS/SassConfigurationHow to...
I'm equilibriumuk, a software engineer. I write about programming & computer related topics
Jun 29, 2023
by equilibriumuk (19 posts) · Website & RSS feed
Categories: CSS/SassConfigurationHow to...
I'm equilibriumuk, a software engineer. I write about programming & computer related topics
Jun 26, 2023
by equilibriumuk (19 posts) · Website & RSS feed
Categories: How to...
I'm equilibriumuk, a software engineer. I write about programming & computer related topics
Jun 26, 2023
I'm equilibriumuk, a software engineer. I write about programming & computer related topics
Jun 26, 2023
by equilibriumuk (19 posts) · Website & RSS feed
Categories: BloggingDatesHow to...Performance
I'm equilibriumuk, a software engineer. I write about programming & computer related topics
Jun 24, 2023
by equilibriumuk (19 posts) · Website & RSS feed
Categories: CSS/SassConfigurationHow to...Plugins
I'm equilibriumuk, a software engineer. I write about programming & computer related topics
Jun 24, 2023
Sadly, I'm not too good at documenting what I'm sometimes building in the little free time that I have. At the end of last year, I implemented an interesting feature on this site, but never wrote about it.
Jun 23, 2023
by Martin Schneider (7 posts) · Website & RSS feed
Categories: Social MediaDeploymentHow to...
I'm equilibriumuk, a software engineer. I write about programming & computer related topics
Jun 23, 2023
by equilibriumuk (19 posts) · Website & RSS feed
Categories: How to...ImagesShortcodes
Up until now my now page has sourced music data from Last.fm (and may well again). But, in the interest in experimenting a bit, I've tried my hand at rewriting that part of the page to leverage data from Apple Music, using MusicKit.js instead.
Jun 21, 2023
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: Remote DataHow to...
I'm equilibriumuk, a software engineer. I write about programming & computer related topics
Jun 20, 2023
How I'm using Eleventy-Fetch and the Steam API to fetch recently played games, the games cover art and store page URL to display on my /now page.
Jun 19, 2023
by fLaMEd (10 posts) · Website & RSS feed
Categories: ImagesRemote DataHow to...Now Page
Using WebC to make working with Bootstrap simpler.
Jun 19, 2023
For years my personal website used WordPress, now it's using Eleventy and this is how I migrated it
Jun 18, 2023
by Chris Smith (2 posts) · Website
Categories: Migrating to EleventyHow to...
Web development blog. The good, bad, and ugly (mostly bad and ugly)
Jun 15, 2023
Learn how to build a live-editable website using Eleventy and Bookshop on CloudCannon.
Jun 13, 2023
by CloudCannon (7 posts) · Website & RSS feed
Categories: How to...Getting Started
MooseDog Studios - Where Convention Takes A Back Seat To Quality
Jun 11, 2023
MooseDog Studios - Where Convention Takes A Back Seat To Quality
Jun 9, 2023
by Robin Hoover (4 posts) · Website
Categories: ConfigurationHow to...
I use MusicHarbor by Marcos Tanaka to track upcoming albums from my favorite artists (typically by syncing my last.fm data with the app.) When I see something new that I want to add to my collection I throw it on a calendar creatively titled Albums.
Jun 8, 2023
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: Remote DataHow to...
A followup to my previous article on Goodreads and Eleventy
Jun 8, 2023
by Raymond Camden (104 posts) · Website & RSS feed
Categories: Books PagesRemote DataHow to...
MooseDog Studios - Where Convention Takes A Back Seat To Quality
Jun 8, 2023
In the interest of over-engineering my personal site I've gone out of my way to optimize it for performance.
Jun 7, 2023
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: PerformanceHow to...
An example of using exported Goodreads data in an Eleventy site.
Jun 7, 2023
by Raymond Camden (104 posts) · Website & RSS feed
Categories: Books PagesRemote DataHow to...
Simon Cox outlines how to properly set up and use the 11ty image shortcode, fixing issues with high-res sources, spacing in markdown, and rendering bugs.
Jun 6, 2023
by Simon Cox (16 posts) · Website & RSS feed
Categories: ImagesHow to...MarkdownShortcodes
After my announcement of my command-line utility for generating Eleventy Paginated Category pages, I learned how to do this inside of Eleventy and need some help finishing it for general use.
Jun 5, 2023
by John M. Wargo (45 posts) · Website & RSS feed
Categories: PaginationHow to...
This article touches how I embed interactive code demos into my blog articles.
Jun 1, 2023
by Lea Rosema (4 posts) · Website
Categories: How to...
Something I wanted to do with this site, but wasn't supported by Eleventy, is generate paginated pages of content for each category. This article explains how I solved this problem and how you can use it for your Eleventy site(s).
May 31, 2023
by John M. Wargo (45 posts) · Website & RSS feed
Categories: PaginationHow to...
Creating a site-search function that doesn't rely on external services
May 31, 2023
I wanted to pull the most recent articles from an Eleventy site into another Eleventy site, so I wrote this article to explain how I did it.
May 29, 2023
by John M. Wargo (45 posts) · Website & RSS feed
Categories: How to...Remote Data
My solution to adding
May 28, 2023
I’ve got some plans for this site. The main thing I want to do is bring my music collection into my main site, instead of having a subdomain. That thing has been a “prototype” for over 2 years now… The problem is that site uses Notion as its data source. I really like managing my [
May 17, 2023
by Andy Bell (3 posts) · Website & RSS feed
Categories: Remote DataHow to...
How to rewrite the Cloudfront request so trailing slashes are redirected to the non-trailing slash URI using a Cloudfront function.
May 16, 2023
by Martin Hicks (2 posts) · Website & RSS feed
Categories: DeploymentHow to...
This article describes a Node command-line utility I created to generate batches of new posts in an Eleventy site.
May 16, 2023
by John M. Wargo (45 posts) · Website & RSS feed
Categories: How to...
Describes a utility I created to automate creating a new post in an Eleventy site.
May 11, 2023
by John M. Wargo (45 posts) · Website & RSS feed
Categories: How to...
I wanted to add a statistics page to this site, so I created an Eleventy plugin to do it. This article describes how to use the plugin in your Eleventy site.
May 10, 2023
by John M. Wargo (45 posts) · Website & RSS feed
Categories: How to...
Using the Airtable.js library and Eleventy Fetch
May 9, 2023
by Cassey Lottman (12 posts) · Website & RSS feed
Categories: Remote DataHow to...
How I build/watch CSS with cache busters in 11ty.
May 9, 2023
by John Brooks (4 posts) · Website & RSS feed
Categories: CSS/SassConfigurationHow to...
I dropped in a quick update to my now page to display the 5 most recent articles from my favorites feed in Matter.
May 5, 2023
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: How to...
May 3, 2023
by Rob Anderson (5 posts) · Website & RSS feed
Categories: How to...Configuration
This article describes how I added HTML Keywords to an Eleventy site.
May 1, 2023
by John M. Wargo (45 posts) · Website & RSS feed
Categories: ConfigurationHow to...
I noticed that the category lists on this site had an extra space before and after the comma and set out to fix it.
Apr 30, 2023
by John M. Wargo (45 posts) · Website & RSS feed
Categories: How to...
Unit testing 11ty JavaScript templates with Vitest and Typescript
Apr 25, 2023
After adding Previous and Next buttons to paginated pages in this site, I figured out a clean way to add First and Last buttons as well and this post describes how I did it.
Apr 23, 2023
by John M. Wargo (45 posts) · Website & RSS feed
Categories: NavigationHow to...
Create deterministic series of random numbers for generative arts
Apr 23, 2023
by Lea Rosema (4 posts) · Website
Categories: How to...
Learn how to use Eleventy to craft a stunning and functional static portfolio website without needing a server-side language or database.
Apr 21, 2023
by Joel Olawanle (1 post) · Website & RSS feed
Categories: Getting StartedHow to...
In this article, I'm writing about automated workflows I added to this blog.
Apr 20, 2023
by Lea Rosema (4 posts) · Website
Categories: ConfigurationHow to...
How I built and automated my now page with Eleventy and APIs.
Apr 19, 2023
by fLaMEd (10 posts) · Website & RSS feed
Categories: How to...Remote DataNow Page
Adding slot-like support to 11ty.
Apr 17, 2023
Wrap emoji with accessible and semantic HTML, without breaking your pages
Apr 13, 2023
by Benny Powers (8 posts) · Website
Categories: How to...
Use SVG icons in Eleventy and only ship the code you need.
Apr 11, 2023
by Benny Powers (8 posts) · Website
Categories: How to...
Jan De Wilde, designer and web developer
Apr 8, 2023
by Jan De Wilde (2 posts) · Website
Categories: How to...MarkdownAccessibilityPermalinks
Exploring builder.io's partytown and integrating it with 11ty! It is nothing but a library which uses web workers to separately execute third party scripts.
Apr 5, 2023
by Murtuzaali Surti (5 posts) · Website & RSS feed
Categories: How to...
News about Algolia's free tier changes and some fixes here.
Mar 30, 2023
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...
Adding a blog to this website (which you are now reading)
Mar 27, 2023
by Bill Horsman (1 post) · Website & RSS feed
The Eleventy docs recommend the dotenv package for working with .env files, but I've found dotenv-flow to be a bit more useful inasmuch as support for .env* file patterns make development more convenient.
Mar 24, 2023
by Cory Dransfeldt (46 posts) · Website & RSS feed
Categories: How to...
A little magic to help catch typos in your blog posts.
Mar 23, 2023
by uncenter (1 post) · Website & RSS feed
I added support for Algolia search to an Eleventy site, and this post describes a utility I created to help Eleventy site owners to automate updating their Algolia indices outside of the build process.
Mar 19, 2023
Ensure templates that display content from collections, like a blog index, rebuild when associated collection content changes.
Mar 18, 2023
by Stephanie Eckles (21 posts) · Website & RSS feed
Categories: How to...
I leveraged some old code to add the ability to capture build details and save them with a project. In this post, I describe the utility I created that allows you to easily display build information in an Eleventy site.
Mar 15, 2023
by John M. Wargo (45 posts) · Website & RSS feed
Categories: ConfigurationHow to...
Blog and general digital garden of the full stack programmer Simon Dann.
Mar 14, 2023
by Simon Dann (11 posts) · Website & RSS feed
Eleventy 2.0 was released at the beginning of February. It has some major new features. Is it worthwhile to upgrade? Is it painful to upgrade?
Mar 13, 2023
Mar 13, 2023
by Matt Steele (3 posts) · Website & RSS feed
Categories: How to...ImagesSocial Media
Using Codeberg CI to build 11ty based static sites to push to Codeberg Pages
Mar 11, 2023
by Clayton Errington (18 posts) · Website & RSS feed
Categories: DeploymentHow to...
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
Mar 7, 2023
by Jordan Kohl (8 posts) · Website
Categories: How to...ConfigurationDrafts
Mar 4, 2023
by Raymond Camden (104 posts) · Website
Categories: BloggingHow to...Getting Started
Blog and general digital garden of the full stack programmer Simon Dann.
Mar 3, 2023
by Simon Dann (11 posts) · Website & RSS feed
Categories: Asset PipelinesConfigurationHow to...Plugins
Eleventy is great. It’s a static site generator written in JavaScript, for “Fast Builds and even...
Mar 3, 2023
by Gabi Dobocan (1 post) · Website & RSS feed
Categories: ServerlessHow to...
Adding support for the Adobe PDF Embed with an Eleventy WebC Component
Mar 1, 2023
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...
Fill slots in an HTML layout with chunks of Markdown content.
Feb 28, 2023
by Dan Burzo (5 posts) · Website & RSS feed
Categories: How to...
A step-by-step for an incredibly easy process, again.
Feb 26, 2023
by Dana Byerly (8 posts) · Website & RSS feed
Feb 24, 2023
by Jeff Sikes (2 posts) · Website & RSS feed
Categories: How to...PluginsRemote Data
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
Feb 21, 2023
by Jordan Kohl (8 posts) · Website
Categories: FiltersCollectionsHow to...
Not too complex once I had finished making my mistakes.
Feb 19, 2023
by Shiv J.M. (13 posts) · Website & RSS feed
How I built a page to show off my Mastodon bots.
Feb 15, 2023
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...Social Media
Code that introduces automated anchor links to headlines in Eleventy dynamic-loaded content. Improves accessibility and makes content sharing easier!
Feb 12, 2023
by Steven Woodson (6 posts) · Website & RSS feed
Categories: How to...
A technique to setup GitLab Review Apps for an Eleventy site, allowing a unique preview for each merge request.
Feb 9, 2023
by Aaron Goldenthal (4 posts) · Website & RSS feed
Categories: ConfigurationDeploymentHow to...
My work, notes, musings and more. Some serious, some not.
Feb 9, 2023
by Michael Schmidt (2 posts) · Website & RSS feed
Categories: ConfigurationFront MatterHow to...Markdown
CAUTION
The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 3.12.
Shiki is a really nice syntax highlighter that I already wrote about. This is just a short post to show you how to use it with eleventy.
Feb 7, 2023
by Raphael Höser (4 posts) · Website & RSS feed
Categories: How to...
Feb 5, 2023
by Nicolas Hoizey (5 posts) · Website & RSS feed
Categories: How to...Webmentions
YouTube video
Feb 5, 2023
Here’s a workaround for including “copy” buttons in code blocks built by Prism-based syntax highlighting in Eleventy.
Feb 4, 2023
by Bryce Wray (26 posts) · Website & RSS feed
Step-by-step guide to date-based global data sorting in Eleventy, including automated by file last modified and manually via a data property
Feb 2, 2023
by Steven Woodson (6 posts) · Website & RSS feed
Categories: How to...
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
Feb 2, 2023
by Jordan Kohl (8 posts) · Website
Categories: CollectionsHow to...
YouTube video
Feb 1, 2023
Categories: How to...InternationalizationNetlifyDeployment
Adding syntax highlighting to a blog is hard, doing it in a good way is hard. I recently switched my setup away from @11ty/eleventy-plugin-syntaxhighlight to a custom solution based on Shiki.
Feb 1, 2023
by Raphael Höser (4 posts) · Website & RSS feed
Categories: How to...
Using nunjucks to get the count of the posts for a tag.
Jan 31, 2023
by Clayton Errington (18 posts) · Website & RSS feed
Categories: Nunjucks/MacrosHow to...
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
Jan 31, 2023
by Jordan Kohl (8 posts) · Website
Categories: How to...
Save money and build minutes while rebuilding your 11ty site using GitHub Actions and the netlify CLI
Jan 31, 2023
by Benny Powers (8 posts) · Website
Categories: DeploymentHow to...Scheduling
Blog and general digital garden of the full stack programmer Simon Dann.
Jan 30, 2023
by Simon Dann (11 posts) · Website & RSS feed
Categories: BloggingCollectionsConfigurationHow to...Plugins
A simple solution to having a search feature on a static website
Jan 30, 2023
The portfolio and blog of Jan Monschke
Jan 30, 2023
by Jan Monschke (1 post) · Website & RSS feed
Categories: WebmentionsHow to...
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
Jan 29, 2023
by Jordan Kohl (8 posts) · Website
Categories: How to...
Blog and general digital garden of the full stack programmer Simon Dann.
Jan 27, 2023
by Simon Dann (11 posts) · Website & RSS feed
Do you want to offer exclusive content, but also have full control over the platform you use? With the power combo of Eleventy, Netlify, and Supabase, we’ll create an authenticated membership site, no frameworks required.
Jan 26, 2023
by Stephanie Eckles (21 posts) · Website & RSS feed
Categories: How to...Edge Functions
Blog and general digital garden of the full stack programmer Simon Dann.
Jan 25, 2023
by Simon Dann (11 posts) · Website & RSS feed
Categories: BloggingConfigurationHow to...Markdown
We are going to be go through the first steps to get up and running with 11ty. Building a 11ty site from scratch will help you keep your site lightweight, scalable and easy to manage.
Jan 25, 2023
by Jeremy Faucher (8 posts) · Website & RSS feed
Categories: CSS/SassConfigurationHow to...Nunjucks/Macros
Last year, I build an advent calendar using Eleventy and Github Actions. In this blog post, I tell more about the progress and the result.
Jan 14, 2023
by Eevis (1 post) · Website
Looking for a NetlifyCMS alternative to commit changes to the same repo, I stumbled upon TinaCMS
Jan 14, 2023
How I use npm to automate the inner workings of my website and within other projects
Jan 12, 2023
by Clayton Errington (18 posts) · Website & RSS feed
Categories: How to...
By default, the default readableDate in Eleventy will output dates like: Dec 03 2022. Let's do better... Tagged with ui, design, webdev, productivity.
Jan 6, 2023
How to use PageFind to implement search for an Eleventy site
Jan 4, 2023
2022
Moving Ruminate's site from Simplecast to Eleventy
Dec 28, 2022
by Robb Knight (20 posts) · Website & RSS feed
Categories: How to...
Mostly frontend, sometimes art
Dec 23, 2022
by Daniel Schulz (1 post) · Website & RSS feed
Categories: How to...NotionPaginationRemote Data
Running Browsersync without internet connection.
Dec 22, 2022
by Darek Kay (5 posts) · Website & RSS feed
Exercise more control over when, and if, your posts appear.
Dec 21, 2022
by Bryce Wray (26 posts) · Website & RSS feed
For quite some time, I was searching for a way to self host google fonts because the google fonts API's network request increased the render blocking time more than I expected.
Dec 15, 2022
by Murtuzaali Surti (5 posts) · Website & RSS feed
Categories: How to...
An example of adding download resources to an Eleventy site
Dec 13, 2022
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...
Count how many rebuilds 11ty has done in the current session.
Dec 6, 2022
by John Brooks (4 posts) · Website & RSS feed
Categories: Global DataHow to...
Precompiled Sass and JS files that become part of the source folder.
Nov 27, 2022
by Christopher Kirk-Nielsen (14 posts) · Website & RSS feed
Categories: Asset PipelinesHow to...
A quick template for using Eleventy on Glitch
Nov 25, 2022
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...
Adding a method to list external articles in an Eleventy blog
Nov 16, 2022
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...
Some experiments timing slow pages with Eleventy
Nov 14, 2022
by Raymond Camden (104 posts) · Website & RSS feed
Categories: PerformanceHow to...Debugging
We solve digital problems through custom software development and design for the web—apps, mobile, desktop and devices.
Nov 9, 2022
by Chris Nelson (1 post) · Website & RSS feed
Categories: How to...
Some quick things I learned about Liquid when building an "All Posts" page.
Nov 9, 2022
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.
Nov 9, 2022
by Prabashwara Seneviratne (1 post) · Website & RSS feed
Categories: ConfigurationHow to...Image GalleriesImagesShortcodes
English software developer based in Seattle.
Nov 8, 2022
by Matthew Tole (1 post) · Website & RSS feed
Nov 6, 2022
by Al Power (9 posts) · Website & RSS feed
Categories: Data CascadeHow to...
In this series, learn how to construct your own starter template for Eleventy so you can start your future projects sooner.
Nov 2, 2022
by Dustin Whisman (5 posts) · Website & RSS feed
Categories: Getting StartedHow to...
A look at integrating Cloudinary image processing with Eleventy
Oct 20, 2022
YouTube video
Sep 22, 2022
Categories: PaginationHow to...
Want to give your readers an idea of what’s ahead? Here’s some code to make that no biggie.
Sep 20, 2022
by Bryce Wray (26 posts) · Website & RSS feed
Categories: How to...
Blog and general digital garden of the full stack programmer Simon Dann.
Sep 14, 2022
by Simon Dann (11 posts) · Website & RSS feed
Categories: FiltersHow to...PaginationSocial Media
While per-page Git data is built into Hugo, a little code can bring it to Eleventy, as well.
Sep 5, 2022
by Bryce Wray (26 posts) · Website & RSS feed
Categories: How to...
While trying to make things work equally well in multiple repos, I discover the value of an Eleventy plugin I’d previously ignored.
Sep 1, 2022
by Bryce Wray (26 posts) · Website & RSS feed
Categories: Remote DataHow to...
Engineering Management, SQL, and a dash of front-end from NYC.
Aug 31, 2022
by TJ Addison (2 posts) · Website
Categories: Front MatterImagesHow to...
In what could and perhaps should be the end of this saga, here’s code to provide static tweets and static Mastodon toots in Eleventy.
Aug 27, 2022
by Bryce Wray (26 posts) · Website & RSS feed
Categories: Social MediaHow to...
Pre-compile some reused assets to avoid repeating the same operation.
Aug 25, 2022
by Christopher Kirk-Nielsen (14 posts) · Website & RSS feed
Categories: Asset PipelinesHow to...
A quick example of adding social sharing links to your Eleventy site
Aug 22, 2022
by Raymond Camden (104 posts) · Website & RSS feed
Categories: Social MediaHow to...
This week, we’re going to dive into 11ty filters. We’ll use 1 built-in filter, and make 2 custom filters.
Aug 15, 2022
A look at various ways of supporting draft posts with Eleventy
Aug 14, 2022
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...ConfigurationCollectionsDrafts
Multiline Comment • The online journal of Ashur Cabrera
Aug 9, 2022
by Ashur Cabrera (8 posts) · Website & RSS feed
Categories: Nunjucks/MacrosHow to...
In these two videos, we take 110 seconds each to discuss how to use 11ty's Global Data files to pull static data with JSON and dynamic (at build time) data with JavaScript.
Aug 8, 2022
by Bryan Robinson (15 posts) · Website
Categories: Global DataHow to...
Some considerations for using WordPress as a headless content management system for Eleventy.
Aug 8, 2022
by Dana Byerly (8 posts) · Website & RSS feed
Some considerations for setting up WordPress to use with Eleventy.
Aug 5, 2022
by Dana Byerly (8 posts) · Website & RSS feed
Learn to add Netlify CMS to an existing 11ty site to make editing your posts easier
Jul 29, 2022
An example of providing zipped resources in an Eleventy site.
Jul 23, 2022
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...
Anchors are nothing but id attributes applied to an element to link to it using href attribute internally on the same page.
Jul 10, 2022
Zach Leatherman asked what style of internationalization you'd prefer (explicit or implicit) and my response just doesn't fit in 280 characters.
Jul 8, 2022
by Raphael Höser (4 posts) · Website & RSS feed
Categories: InternationalizationHow to...
Don't know what eleventy is? Before you read further, check out this amazing series of articles by... Tagged with webdev, javascript, beginners, eleventy.
Jul 7, 2022
by Murtuzaali Surti (5 posts) · Website & RSS feed
Categories: How to...Shortcodes
Adding support for digital comic books to your Jamstack site
Jul 1, 2022
by Raymond Camden (104 posts) · Website & RSS feed
Categories: Global DataHow to...Images
A demonstration of how to get content published on the same day in the past.
Jun 23, 2022
How to use the debug package to output custom log messages alongside of Eleventy’s logs in your Eleventy build.
Jun 19, 2022
How I built an Eleventy site driven by dynamic quiz data.
Jun 18, 2022
by Raymond Camden (104 posts) · Website & RSS feed
Categories: ServerlessHow to...
Tackling Tailwind to work with Eleventy.
Jun 11, 2022
How to create a sitemap for your static website built with Eleventy. Tagged with eleventy, sitemap, xml, staticsite.
Jun 5, 2022
by Luciano Mammino (3 posts) · Website & RSS feed
Categories: How to...Configuration
Expose useful information about your Eleventy build to all of your templates using global data.
May 31, 2022
by Aleksandr Hovhannisyan (14 posts) · Website & RSS feed
Categories: DeploymentHow to...
Eleventy’s official image pre-processing plugin assumes you have a single folder with all your images in it. I needed something different, and this is how I did it.
May 29, 2022
Escaping a hoarder house of technical debt.
May 26, 2022
by Mike Aparicio (4 posts) · Website
Categories: How to...
This started off as a test post for my talk I gave this past week at the Eleventy Meetup. Here’s...
May 26, 2022
by Nick Taylor (2 posts) · Website & RSS feed
Categories: How to...
Pagination in Eleventy is bit strange. Out of the box, Eleventy comes with support for something the developers call "pagination", but it...
May 23, 2022
by Desmond Rivet (1 post) · Website
Categories: PaginationHow to...
Blog and general digital garden of the full stack programmer Simon Dann.
May 17, 2022
by Simon Dann (11 posts) · Website & RSS feed
Categories: CollectionsFront MatterHow to...LayoutsNavigationNow Page
How to use this flexible static site generator to create the home for digital design in your company
May 16, 2022
by Trys Mudford (2 posts) · Website & RSS feed
Categories: How to...
A lot of e-commerce solutions exist, but many of them charge a monthly fee. How could we build a site with the lowest hosting costs possible?
May 16, 2022
by Sia Karamalegos (13 posts) · Website & RSS feed
Categories: How to...
Extend Eleventy’s built-in filters with custom logic for these common use cases.
May 15, 2022
A simple way to get any and all favicon variations in root for an Eleventy site.
May 8, 2022
by Den McHenry (1 post) · Website & RSS feed
Categories: How to...
How I added cooklang to my blog and the 11ty extension I created in the process
May 8, 2022
by Matthew (2 posts) · Website
Categories: How to...
Sometimes, I prefer to compose text right in my browser and copy it over to my source files. In 11ty, we can enable this behind a keyboard shortcut in our development environment using environment variables.
May 5, 2022
by Aleksandr Hovhannisyan (14 posts) · Website & RSS feed
Categories: How to...
The ramblings of Ryan Boone, a web developer and designer from Texas with a passion for open, accessible front end development.
May 5, 2022
by Ryan Boone (3 posts) · Website
Categories: How to...Remote Data
Curiosity made this.
Apr 28, 2022
by Chelsea Adams (1 post) · Website & RSS feed
Categories: How to...
A workflow to write and publish posts from iOS to an Eleventy blog using Drafts, Shortcuts, and Working Copy.
Apr 23, 2022
Automating related posts in Eleventy with term frequency-inverse document frequency and eleventy-plugin-related.
Apr 16, 2022
by Justin Poehnelt (2 posts) · Website
Categories: How to...
I love markdown's simplicity and convenience, but sometimes you need a little more than the default image tag. In this post, I walk through how responsive images (with the picture tag) are handled on this blog in a way that doesn't compromise the authoring experience.
Apr 16, 2022
Apr 12, 2022
How to use your Saffron recipes in a jamstack site.
Apr 11, 2022
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...
Storybook is great for component-driven development. This blog post shows you how to use Storybook with 11ty.
Apr 6, 2022
by Paul Everitt (2 posts) · Website & RSS feed
Categories: How to...ShortcodesWebC
Tips for getting an understanding of your site's content
Apr 6, 2022
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...
A follow up to my post on using RSS data with Eleventy sites
Apr 3, 2022
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...Remote DataRSS
in this post I'll explain how to create a collection from a folder, how to use slugify in tags page, and how to create a page containing all tags ordered alphabetically
Apr 2, 2022
by Michele Nasti (1 post) · Website
Categories: How to...
Catching the Eleventy Lighthouse obsession bug!
Mar 31, 2022
by Justin Poehnelt (2 posts) · Website
Categories: PerformanceHow to...
Creating the various sizes of Apple Touch Icons is one of the more tedious tasks in web development, but we can use JavaScript templates in Eleventy to automatically generate Apple Touch Icons.
Mar 30, 2022
This site serves as a bit of a showcase, reference, and general brain dump, so content may vary!
Mar 30, 2022
by Matthew (2 posts) · Website
Categories: How to...
Let's build an HTML validator for an Eleventy site. It will validate all generated pages to make sure they are valid HTML. Any errors will be reported in the terminal.
Mar 29, 2022
by Sandro Roth (2 posts) · Website & RSS feed
Categories: How to...
We are going to be go through the first steps to get up and running with 11ty. Building a 11ty site from scratch will help you keep your site lightweight, scalable and easy to manage.
Mar 28, 2022
by Jeremy Faucher (8 posts) · Website & RSS feed
Categories: BloggingGetting StartedHow to...Layouts
We are going to be go through the first steps to get up and running with 11ty. Building a 11ty site from scratch will help you keep your site lightweight, scalable and easy to manage.
Mar 28, 2022
by Jeremy Faucher (8 posts) · Website & RSS feed
Categories: BloggingFront MatterGetting StartedHow to...
We are going to be go through the first steps to get up and running with 11ty. Building a 11ty site from scratch will help you keep your site lightweight, scalable and easy to manage.
Mar 28, 2022
by Jeremy Faucher (8 posts) · Website & RSS feed
Categories: BloggingCSS/SassGetting StartedHow to...
Sometimes it's too late for a starter project
Mar 27, 2022
by Cassey Lottman (12 posts) · Website & RSS feed
Categories: How to...CMSImage Galleries
Using environment variables and the Eleventy config option to ignore files, we can exclude files or directories depending on our build process.
Mar 25, 2022
by Stephanie Eckles (21 posts) · Website & RSS feed
Categories: How to...
Using computed data and simple-git to generate file-specific changelogs.
Mar 21, 2022
by Max Kohler (2 posts) · Website
Categories: How to...
Tips and tricks for using Vue 3 Single File Components as templates for Eleventy.
Mar 20, 2022
by Fynn Becker (3 posts) · Website & RSS feed
Categories: ConfigurationHow to...Plugins
A short little tutorial on how to make redirects in 11ty that aren't awful.
Mar 20, 2022
by Evan Boehs (2 posts) · Website & RSS feed
Categories: CollectionsConfigurationHow to...Pagination
This static blog is generated with Eleventy and all its social images are automatically generated with node-canvas. In this tutorial we’ll set up a basic version of this script so you can use it on your blog as well.
Mar 17, 2022
by Rik Schennink (1 post) · Website & RSS feed
Categories: ConfigurationHow to...Social Media
Currently, 11ty doesn’t allow you to pass object arguments to shortcodes in Liquid. As a temporary workaround, you can assemble and parse a JSON string to pass along to the shortcode as an argument.
Mar 17, 2022
by Aleksandr Hovhannisyan (14 posts) · Website & RSS feed
Categories: How to...
Blog and general digital garden of the full stack programmer Simon Dann.
Mar 16, 2022
by Simon Dann (11 posts) · Website & RSS feed
How I added a new format to my website, automated publication to a newsletter, and added categories.
Mar 15, 2022
by Oscar (3 posts) · Website & RSS feed
Categories: How to...
The Eleventy community is often focused on performance in a way that you don't tend to see with other... Tagged with eleventy, 11ty, lighthouse, performance.
Mar 15, 2022
by Phil Wolstenholme (1 post) · Website & RSS feed
Categories: PerformanceHow to...
One of the first things I do after starting a new WordPress project, is clean out unneeded code.
Mar 12, 2022
by Jeremy Faucher (8 posts) · Website & RSS feed
Categories: How to...
Mar 11, 2022
by Andrea Berardi (1 post) · Website
Categories: InternationalizationHow to...
Different choices that go into building an Eleventy website from scratch.
Mar 8, 2022
by Sami Määttä (6 posts) · Website
Categories: CSS/SassDatesDeploymentFiltersHow to...NavigationPaginationSocial Media
A quick example of using RSS content for an Eleventy page.
Mar 8, 2022
by Raymond Camden (104 posts) · Website & RSS feed
Categories: Remote DataHow to...RSS
Ever wanted to nest Markdown in HTML? In 11ty, you can easily do this with paired shortcodes and a custom Markdown library parser.
Mar 3, 2022
by Aleksandr Hovhannisyan (14 posts) · Website & RSS feed
Categories: How to...
The idea behind this experiment was to ignore modern practices: no Vercel and the complete React... Tagged with 11ty, eleventy, firebase, graphcms.
Feb 28, 2022
by Tim Vermaercke (1 post) · Website & RSS feed
Categories: ServerlessHow to...Blogging
The ramblings of Ryan Boone, a web developer and designer from Texas with a passion for open, accessible front end development.
Feb 26, 2022
by Ryan Boone (3 posts) · Website
Categories: How to...Remote Data
Heres how I automated some of the tedious steps of publishing new posts on my Eleventy blog.
Feb 21, 2022
by Michael Harley (14 posts) · Website & RSS feed
Categories: BloggingFront MatterHow to...
It's not immediately obvious how to use npm packages in an Eleventy website front end. Here's how to do it.
Feb 17, 2022
by Nicholas C. Zakas (2 posts) · Website & RSS feed
Categories: How to...
Snipcart is an e-commerce solution that allows us to add a shopping cart to a web page. This article describes how to do that with an Eleventy static site.
Feb 15, 2022
by Lene Saile (6 posts) · Website & RSS feed
Categories: How to...
A look at adding QR codes to your Jamstack site.
Feb 11, 2022
by Raymond Camden (104 posts) · Website & RSS feed
Categories: PaginationHow to...
Feb 8, 2022
by Joonas Pihlajamaa (1 post) · Website
Categories: DeploymentHow to...
In this tutorial, we will be writing an async / await call and then returning its response (an... Tagged with 11ty, await, javascript, tutorial.
Feb 5, 2022
by Brewhouse Digital (3 posts) · Website & RSS feed
Categories: How to...
This tutorial is written for the 11ty framework and we will be hosting the app on Netlify. Other... Tagged with eleventy, minification, terser, 11ty.
Feb 5, 2022
A simple Eleventy plugin to support Google Static Maps
Feb 2, 2022
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...Remote Data
If you're moving your Wordpress site to Eleventy, you will want to convert your Gravatar images too. Find out how easy it is using an Eleventy shortcode.
Jan 30, 2022
Here is my complete blogging workflow from how I manage ideas all the way to publishing and sharing.
Jan 29, 2022
by Michael Harley (14 posts) · Website & RSS feed
Categories: BloggingHow to...ImagesFront Matter
Integrating a Google Photos Album in your Eleventy site with Pipedream
Jan 28, 2022
by Raymond Camden (104 posts) · Website & RSS feed
Categories: ImagesHow to...Remote DataImage Galleries
We are going to be go through the first steps to get up and running with 11ty. Building a 11ty site from scratch will help you keep your site lightweight, scalable and easy to manage.
Jan 25, 2022
by Jeremy Faucher (8 posts) · Website & RSS feed
Categories: How to...Nunjucks/Macros
Multiline Comment • The online journal of Ashur Cabrera
Jan 24, 2022
by Ashur Cabrera (8 posts) · Website & RSS feed
Categories: Nunjucks/MacrosHow to...
Learn how to add pagination to your Eleventy website for faster load times and better user experience with simple JavaScript.
Jan 19, 2022
by Nic Raboy (1 post) · Website & RSS feed
Categories: PaginationHow to...
A guide that walks folks through the process of building a blog with Eleventy
Jan 19, 2022
by Raymond Camden (104 posts) · Website & RSS feed
Categories: BloggingHow to...Getting Started
I have recently been building a few websites using Eleventy. This is a static site generator, built using Jamstack methodology.
Jan 18, 2022
2021
CAUTION
The posts below were published before the release of Eleventy v1.0.0 (Jan 9, 2022). Information in these posts may be out of date. The current stable release is 3.12.
Dec 29, 2021
by Al Power (9 posts) · Website & RSS feed
Want to try Eleventy, but not very experienced in JavaScript yet? You're in the right place.
Dec 25, 2021
by Cassey Lottman (12 posts) · Website & RSS feed
Categories: ConfigurationHow to...
A tip for folks using Netlify Dev and Eleventy
Dec 10, 2021
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...
Here's a pretty 0-60 tutorial on integrating Contentful headless content with Eleventy static site generation! I hope you think it's nice!
Dec 1, 2021
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
The HTML time element is both useful and easy to use.
Nov 16, 2021
by Dana Byerly (8 posts) · Website & RSS feed
Use global data in 11ty to create a single configuration for fonts that you can reference in your templates and CSS.
Nov 14, 2021
by Aleksandr Hovhannisyan (14 posts) · Website & RSS feed
Categories: Global DataHow to...
A personal blog where I write about my side projects
Nov 9, 2021
by Adrien (2 posts) · Website
A personal blog where I write about my side projects
Nov 7, 2021
by Adrien (2 posts) · Website
Categories: ConfigurationHow to...
For when you're ready for a little templating fun
Oct 23, 2021
by Cassey Lottman (12 posts) · Website & RSS feed
Categories: How to...Migrating to Eleventy
Using the large social sharing images added nothing to the information being published so I've decided to stop using them.
Oct 18, 2021
by Michael Harley (14 posts) · Website & RSS feed
Categories: Social MediaHow to...
Using Eleventy transforms and Adobe PDF Services to create dynamic PDFs.
Oct 13, 2021
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...
How to test a new theme in an Eleventy site
Oct 11, 2021
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...Configuration
Walkthrough, demo & code example
Oct 10, 2021
by Al Power (9 posts) · Website & RSS feed
Great talk by Cassey Lottman
Oct 4, 2021
by Katie Kodes (2 posts) · Website & RSS feed
Categories: How to...ConfigurationDebugging
…
Oct 3, 2021
by Bryan Robinson (15 posts) · Website
Categories: ServerlessSearchHow to...
How to request YouTube API endpoint using Nodejs standard API and Eleventy (11ty) in the frontend!. Tagged with node, eleventy, javascript, html.
Oct 2, 2021
How to handle post relations in Eleventy in a manual fashion.
Sep 24, 2021
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...Front Matter
An udate to my earlier Eleventy demo showing how to handle multiple authors
Sep 19, 2021
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...Front Matter
Learn how to build a website with Eleventy (11ty), a static site generator that gives you simplicity and flexibility.
Sep 15, 2021
by Ayooluwa Isaiah (1 post) · Website
Categories: How to...Deployment
A post by Zach Leatherman (zachleat)
Sep 13, 2021
by Zach Leatherman (55 posts) · Website & RSS feed
Categories: How to...
I really love when people include Reply-to links in their RSS feed. Here are a couple options.
Sep 10, 2021
by Michael Harley (14 posts) · Website & RSS feed
Categories: How to...
Using Adobe PDF Services to build a document viewer for your Jamstack site
Aug 30, 2021
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...Global Data
After months of struggles I finally found a relatively easy solution.
Aug 29, 2021
It's much easier to maintain a site over time when the content is separate from the code. Walk through that process using a real example with Eleventy.
Aug 24, 2021
by Sean David (1 post) · Website & RSS feed
Categories: How to...
A look at using multiple blocks and having them render in Liquid templates
Aug 19, 2021
Prettier previews, built with many moving parts.
Aug 16, 2021
by Shiv J.M. (13 posts) · Website & RSS feed
Introduction This is a quick overview on my typical setup for an 11ty project. I really... Tagged with jamstack, eleventy.
Aug 14, 2021
by Nathan Blaylock (1 post) · Website & RSS feed
Categories: How to...Getting Started
An update to my fight to get search working right on my blog
Aug 11, 2021
Includes are great. But for actual reusability of code, parameters are always needed. Luckily, nunjucks makes this possible with macros!
Aug 10, 2021
by Thomas Semmler (3 posts) · Website & RSS feed
Categories: How to...Nunjucks/Macros
Use Eleventy to log Garmin Connect activities on a website and automate the process with Zapier and Netlify.
Aug 9, 2021
by Josh Crain (1 post) · Website & RSS feed
Categories: Data CascadeHow to...Remote Data
Tired of listing all of your Netlify redirects by hand? Generate them programmatically with a bit of 11ty templating magic!
Aug 8, 2021
by Aleksandr Hovhannisyan (14 posts) · Website & RSS feed
Categories: How to...
Replace characters that are often stripped out of post titles by RSS readers and social network link embeds
Aug 8, 2021
by Stephanie Eckles (21 posts) · Website & RSS feed
Categories: How to...Social MediaFiltersRSS
Some cunning ways to use Nunjucks and 11ty shortcodes for reusable blocks
Aug 3, 2021
by Fuzzy Logic (3 posts) · Website & RSS feed
Categories: How to...
Eleventy users can now add a PDF Embed plugin to their sites
Aug 2, 2021
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...Global DataConfigurationPlugins
Making a network request on a page with Eleventy
Jul 30, 2021
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...Remote DataFront MatterGlobal Data
One of the great things about Eleventy is its flexibility and its lack of assumptions about how your projects should be organized. However, in order to preserve my own sanity, I needed to come up with a default files and folders architecture that made sense to me.
Jul 29, 2021
by Jérôme Coupé (10 posts) · Website & RSS feed
Categories: How to...
I built my first ever serverless feature to add tag filtering to my blog listing. Here's how I integrated that to my Ghost & Eleventy setup with Netlify Functions.
Jul 28, 2021
by Juha-Matti Santala (22 posts) · Website & RSS feed
Categories: FiltersHow to...ServerlessRemote Data
Multiline Comment • The online journal of Ashur Cabrera
Jul 26, 2021
by Ashur Cabrera (8 posts) · Website & RSS feed
Categories: Data CascadeHow to...
RSS is XML with a specification, however not all RSS feeds follow the spec. In this post, we process the feed as an XML document meaning we can access the extra attributes and values
Jul 26, 2021
by Mike Street (13 posts) · Website & RSS feed
Categories: CollectionsHow to...Remote Data
Jul 25, 2021
by Al Power (9 posts) · Website & RSS feed
Re-bundling, but without the pain of webpack.
Jul 24, 2021
by Bryce Wray (26 posts) · Website & RSS feed
Using JSON data files to apply defaults
Jul 22, 2021
by Al Power (9 posts) · Website & RSS feed
Categories: How to...Front Matter
Using Luxon to format dates in your nunjucks templates
Jul 22, 2021
by Al Power (9 posts) · Website & RSS feed
Learn how you can create your own online shopping experience using the improved Shopify Storefront API, serverless functions, and Eleventy.
Jul 20, 2021
by Phil Hawksworth (6 posts) · Website & RSS feed
Categories: ServerlessHow to...
Software developer and team lead working remotely from Richmond, VA. Loves solving problems, grilling, tinkering with Home Assistant, metal shows, and his cats.
Jul 19, 2021
Software developer and team lead working remotely from Richmond, VA. Loves solving problems, grilling, tinkering with Home Assistant, metal shows, and his cats.
Jul 14, 2021
by Michael Harley (14 posts) · Website & RSS feed
Categories: ImagesSocial MediaHow to...
Front matter, templates, collections, and JavaScript.
Jul 14, 2021
by Shiv J.M. (13 posts) · Website & RSS feed
Categories: How to...
I recently relaunched my website and I believe I have improved upon my image processing setup using eleventy-img. Here is what I did.
Jul 13, 2021
Eleventy offers the ability to transform data, which is handy for creating and transforming design tokens
Jul 12, 2021
by Fuzzy Logic (3 posts) · Website & RSS feed
Categories: How to...
Using 11ty global data files, we create an 11ty collection from an RSS feed. As an example, we show the latest YouTube videos on our website
Jul 12, 2021
by Mike Street (13 posts) · Website & RSS feed
Categories: Remote DataCollectionsHow to...RSS
Creating a capture shortcode that appends insteads of replacing
Jul 12, 2021
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...
Using 11ty Global data files, you can make collections from JSON APIs, allowing you to make whole websites from one endpoint
Jun 28, 2021
by Mike Street (13 posts) · Website & RSS feed
Categories: CollectionsHow to...Global Data
Jun 27, 2021
by Rob Anderson (5 posts) · Website & RSS feed
Categories: Asset PipelinesHow to...
Creating URL aliases dynamically with Eleventy
Jun 22, 2021
by Raymond Camden (104 posts) · Website & RSS feed
Categories: Front MatterCollectionsHow to...
A followup to my post demonstrating using Lunr via serverless functions
Jun 6, 2021
A look at using Lunr on the server side with an Eleventy web site
Jun 2, 2021
YouTube video
May 31, 2021
by Stephanie Eckles (21 posts)
Categories: How to...Why Eleventy?
May 24, 2021
I switched from markdown-it to remark and I’m much happier for it.
May 23, 2021
by Shiv J.M. (13 posts) · Website & RSS feed
11ty filters can exist as JS functions inside the declared filters directory - these can be accessed by other files not processed by 11ty
May 17, 2021
How I built a "Choose Your Own Adventure" style site with Eleventy
May 16, 2021
by Raymond Camden (104 posts) · Website & RSS feed
Categories: Front MatterHow to...
May 14, 2021
by Michael Chan (7 posts) · Website
Categories: CollectionsHow to...
May 13, 2021
by Chad Schulz (1 post) · Website
Categories: DeploymentHow to...
Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats
May 10, 2021
by Bernard Nijenhuis (8 posts) · Website
Categories: FiltersHow to...ImagesSocial Media
Tailwind is rad but have you ever wanted a customized, slim version of Bootstrap? In this tutorial,... Tagged with eleventy, 11ty, bootstrap, purgecss.
May 9, 2021
Using MailChimp to provide a list service for new posts on your blog
May 1, 2021
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...Front Matter
Co-mingling internal and external posts takes a little extra work. Here’s what I did
Apr 28, 2021
by Eric Bailey (2 posts) · Website & RSS feed
Categories: How to...
Cover image credits: Photo by Luismi Sánchez on Unsplash At Orbit, we recently rebuilt our website f... Tagged with 11ty, eleventy, sanity, jamstack.
Apr 27, 2021
In the fifth part of the Let't Learn Eleventy series, we'll learn how handle JavaScript
Apr 25, 2021
by Rares Portan (5 posts) · Website & RSS feed
Categories: Asset PipelinesHow to...
In the changelog, I’m documenting modifications to this site that might be of interest, but are not necessarily my own ideas or work. This time it’s about the update to Eleventy 1.0 and some things that changed while updating.
Apr 21, 2021
by Martin Schneider (7 posts) · Website & RSS feed
Categories: ImagesSocial MediaHow to...
How I got the archive page permalinks right.
Apr 21, 2021
by Shiv J.M. (13 posts) · Website & RSS feed
Categories: How to...Permalinks
There are plenty of ways to get your 11ty site live depending on preferences and skill set, this blog walks through a few of the popular ones including Gitlab pages, Vercel, Netlify and Cloudflare pages
Apr 19, 2021
by Mike Street (13 posts) · Website & RSS feed
Categories: DeploymentHow to...
The what, why, and how of Eleventy Image.
Apr 17, 2021
by Bryce Wray (26 posts) · Website & RSS feed
I built an Eleventy plugin to do Medium-style text highlights that can be shared. It uses a webcomponent, custom properties and the Web Share API.
Apr 13, 2021
by Max Böck (8 posts) · Website & RSS feed
Categories: How to...
List all of your posts (or other collection items) in a calendar/diary format to give a timeline of your past
Apr 12, 2021
by Mike Street (13 posts) · Website & RSS feed
Categories: CollectionsHow to...
Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats
Apr 7, 2021
by Bernard Nijenhuis (8 posts) · Website
Categories: How to...
Use the former at your own risk.
Apr 7, 2021
by Cassey Lottman (12 posts) · Website & RSS feed
Categories: How to...Configuration
Using the Image plugin with Eleventy to build a simple gallery
Apr 7, 2021
by Raymond Camden (104 posts) · Website & RSS feed
Categories: ImagesHow to...PluginsConfigurationImage Galleries
Learn how to schedule blog posts and other items to go live with your static site generator without having to rebuild the whole site. Get all the benefits of a dynamic CSS with static files
Apr 5, 2021
by Mike Street (13 posts) · Website & RSS feed
Categories: How to...Deployment
I started coding again recently and I've been working on some personal projects in Eleventy. I alrea... Tagged with netlifycms, eleventy, jamstack, beginners.
Apr 3, 2021
by Hanna Taylor (1 post) · Website & RSS feed
How I syndicate the blog posts from my website to Dev.to by providing an RSS feed for my journal page.
Apr 2, 2021
by Declan Byrd (2 posts) · Website & RSS feed
Eleventy (11ty) is a super customisable static site generator that at its core transforms template language into HTML. However, template languages li…
Mar 29, 2021
A quick tip for folks using Eleventy and Vercel together.
Mar 27, 2021
by Raymond Camden (104 posts) · Website & RSS feed
Categories: DeploymentHow to...Debugging
Use this shortcode and filter as a starting point for your date transformation needs.
Mar 27, 2021
by Stephanie Eckles (21 posts) · Website & RSS feed
Categories: DatesHow to...FiltersShortcodes
Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats
Mar 25, 2021
by Bernard Nijenhuis (8 posts) · Website
Categories: How to...
In the changelog I'm documenting modifications to this site that might be of interest, but are not necessarily my own ideas or work.
Mar 21, 2021
This follow-up to an earlier article about Hugo Pipes shows how to get internal CSS in an Eleventy site — and with no build tools required.
Mar 20, 2021
by Bryce Wray (26 posts) · Website & RSS feed
Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats
Mar 17, 2021
by Bernard Nijenhuis (8 posts) · Website
Categories: How to...Collections
Combing Adobe PDF APIs with Eleventy to create PDF Thumbnails
Mar 16, 2021
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...Remote DataPagination
11ty can handle pagination really well, but finding the right subset of the many pagination features can be a little difficult to figure out. Here's how I added simple previous and next links and post totals to the list pages on this blog.
Mar 7, 2021
by Brian Perry (1 post) · Website
Categories: PaginationHow to...Collections
Feb 25, 2021
by Nicolas Hoizey (5 posts) · Website & RSS feed
Categories: MarkdownHow to...Accessibility
Using the Adobe PDF Embed API to view PDFs on your Jasmstack site
Feb 25, 2021
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...Global DataPagination
I love rollup and I love 11ty (eleventy), but mixing the two seems to be a little hard - at least when looking at the starter projects presented on 11ty's website. Here's my take on it.
Feb 22, 2021
by Raphael Höser (4 posts) · Website & RSS feed
Categories: How to...
How to use navigation search forms and Lunr
Feb 22, 2021
by Raymond Camden (104 posts) · Website & RSS feed
Categories: SearchNavigationHow to...
Feb 9, 2021
by Ben Myers (6 posts) · Website
Categories: How to...Scheduling
Want to add an iTunes and Google friendly podcast feed to your Eleventy site? Here's how.
Feb 8, 2021
by Marc Littlemore (4 posts) · Website & RSS feed
Categories: FiltersBloggingHow to...Configuration
Feb 6, 2021
by Max Kohler (2 posts) · Website
Categories: How to...Data Cascade
Using a custom 11ty collection to group post by any attribute.
Jan 31, 2021
by Darek Kay (5 posts) · Website & RSS feed
Categories: DatesHow to...Collections
Jan 29, 2021
by Michael Chan (7 posts) · Website
Categories: How to...Global Data
Create an archive page grouped by year (or anything you want!) using 11ty's built in pagination and a modified collection.
Jan 26, 2021
by James Doc (3 posts) · Website & RSS feed
Categories: PaginationDatesHow to...Blogging
Jan 23, 2021
by Al Power (9 posts) · Website & RSS feed
Categories: How to...MarkdownConfiguration
In the fourth part of the Let't Learn Eleventy series, we'll learn how use images with eleventy-img plugin
Jan 23, 2021
Switching to Pre-Built Lunr indexes with Eleventy sites
Jan 22, 2021
by Raymond Camden (104 posts) · Website & RSS feed
Categories: SearchHow to...Configuration
Want to add a YouTube playlist to your Eleventy website? Read on to find out how.
Jan 21, 2021
Jan 20, 2021
by Michael Chan (7 posts) · Website
Categories: How to...YouTubeShortcodes
Jan 19, 2021
by Michael Scharnagl (1 post) · Website & RSS feed
Categories: How to...
Accessing Eleventy data files in your JavaScript code
Jan 18, 2021
by Raymond Camden (104 posts) · Website & RSS feed
Categories: Global DataRemote DataHow to...Front Matter
Jan 10, 2021
by Mark Thomas Miller (5 posts) · Website
Categories: ImagesSocial MediaHow to...
While Eleventy doesn't appear to be built for today's component-driven landscape, here are three approaches we can take to get closer.
Jan 10, 2021
by Sean Davis (6 posts) · Website & RSS feed
Categories: How to...
Software developer and team lead working remotely from Richmond, VA. Loves solving problems, grilling, tinkering with Home Assistant, metal shows, and his cats.
Jan 9, 2021
This is part four of how I used 11ty to setup my personal site. This is how I setup open graph protocol, search and favicons.
Jan 3, 2021
by Michael Harley (14 posts) · Website & RSS feed
Categories: Social MediaImagesHow to...
I’m Kitty Giraudel, a transfeminine web engineer based in Berlin, focused on accessibility and inclusivity.
Jan 2, 2021
by Kitty Giraudel (4 posts) · Website & RSS feed
Categories: AccessibilityHow to...
2020
Eleventy is increasing in popularity because it allows us to create nice, simple websites, but also — because it’s so developer-friendly. We can build
Dec 31, 2020
by Andy Bell (3 posts) · Website & RSS feed
Categories: ConfigurationHow to...
Software developer and team lead working remotely from Richmond, VA. Loves solving problems, grilling, tinkering with Home Assistant, metal shows, and his cats.
Dec 31, 2020
In this post I'll outline 8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the...
Dec 28, 2020
by Malte Ubl (2 posts) · Website & RSS feed
While looking around a repository at something else I discovered this clever approach.
Dec 26, 2020
by Dana Byerly (8 posts) · Website & RSS feed
Categories: How to...
Dec 21, 2020
by Michael Chan (7 posts) · Website
Categories: How to...
Software developer and team lead working remotely from Richmond, VA. Loves solving problems, grilling, tinkering with Home Assistant, metal shows, and his cats.
Dec 21, 2020
Add structured data (JSON-LD) to enable rich snippets in Google search results.
Dec 17, 2020
by Max Ivanov (1 post) · Website & RSS feed
Categories: How to...Data CascadeBlogging
Dec 15, 2020
by Dan Denney (1 post) · Website
Categories: CollectionsHow to...
A long-winded look at getting Airtable data into Eleventy.
Dec 11, 2020
by Dana Byerly (8 posts) · Website & RSS feed
Categories: Remote DataHow to...Global Data
Standing on the shoulders of giants makes it possible to generate social sharing images with very little code.
Dec 10, 2020
by Steven Hicks (1 post) · Website
Categories: Social MediaImagesHow to...
Sometimes it’s a little confusing what the difference between shortcodes, data and filters really is, and frankly the boundaries can become a little blurred with 11ty.
Dec 8, 2020
by Mike (1 post) · Website & RSS feed
Categories: Data CascadeHow to...FiltersShortcodes
An updated demonstration of integration calendar data into your Jamstack site - with Pipedream
Dec 8, 2020
by Raymond Camden (104 posts) · Website & RSS feed
Categories: Remote DataHow to...
I’m Kitty Giraudel, a transfeminine web engineer based in Berlin, focused on accessibility and inclusivity.
Dec 2, 2020
by Kitty Giraudel (4 posts) · Website & RSS feed
Categories: How to...
The ramblings of Ryan Boone, a web developer and designer from Texas with a passion for open, accessible front end development.
Nov 28, 2020
by Ryan Boone (3 posts) · Website
Categories: Front MatterData CascadeHow to...
I don’t want to wrestle with overwrought Webpack configuration, write GraphQL queries for basic navigation, or scream at types for failing to transpile or whatever. I want to write
Nov 22, 2020
by Eric Bailey (2 posts) · Website & RSS feed
Categories: ConfigurationHow to...
Instead of using Gulp or Grunt, Eleventy can also compile Sass files directly. The players: the new beforeBuild event and Dart Sass.
Nov 19, 2020
This is a clever trick (probably too clever) for setting up Eleventy to manage asset pipelines like SCSS and JavaScript transformations, as well as using hashes in filenames for cache busting.
Nov 13, 2020
by Evan Sheehan (8 posts) · Website & RSS feed
Categories: How to...CSS/SassAsset Pipelines
Optimizing how browsers handle your site’s CSS, and why you should care about that.
Nov 10, 2020
by Bryce Wray (26 posts) · Website & RSS feed
How to add a message to older content on your static site.
Nov 9, 2020
Nov 1, 2020
by Nicolas Hoizey (5 posts) · Website & RSS feed
Categories: How to...NavigationSearch
A look at adding links to random pages in Eleventy
Oct 26, 2020
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...FiltersConfiguration
Oct 26, 2020
by Nicolas Hoizey (5 posts) · Website & RSS feed
Categories: BloggingCollectionsHow to...Navigation
Ramblings about software development, privacy, and whatever happens to strike my fancy.
Oct 23, 2020
by Ryan Cao (3 posts) · Website & RSS feed
This is a quick tip showing how I created a sitemap.xml file using Eleventy that will automatically update itself when you create new pages
Oct 22, 2020
by Juan Fernandes (4 posts) · Website & RSS feed
Categories: How to...
This is the third part of the Let't Learn Eleventy series. We'll learn how to use slots, includes and shortcodes.
Oct 21, 2020
by Rares Portan (5 posts) · Website & RSS feed
Categories: How to...Shortcodes
Some quick debugging tips that I came up with whilst building my personal blog.
Oct 9, 2020
Walking through setting up Homebrew on your Mac, so you can install NPM and Eleventy.
Oct 5, 2020
by Mike Street (13 posts) · Website & RSS feed
Categories: ConfigurationHow to...
A quick hack to get the number of posts written per week in Eleventy
Sep 30, 2020
Don't want to use a bundler? Eleventy makes it easy to manually split your CSS.
Sep 28, 2020
by Dana Byerly (8 posts) · Website & RSS feed
What seems like a simple task can be a little tricky to get right with Eleventy. Learn how to add a _redirects file to Eleventy projects deployed with Netlify.
Sep 24, 2020
by Sean Davis (6 posts) · Website & RSS feed
I wanted to find a way to dynamically generate a unique Opengraph images for each blog post automatically using post data, Cloudinary API & Eleventy
Sep 22, 2020
by Juan Fernandes (4 posts) · Website & RSS feed
Categories: Social MediaImagesHow to...
A generator meta tag is used to give some credit to the tools you use to build a plain HTML website. Let's give Eleventy some credit. Tagged with eleventy, jamstack, staticsite, javascript.
Sep 17, 2020
by Luciano Mammino (3 posts) · Website & RSS feed
Categories: How to...Configuration
Eleventy is one heck of a powerful, incredibly flexible static site generator. This short guide will show you how you can generate CSV data files using Eleventy.
Sep 15, 2020
by Fershad Irani (3 posts) · Website
Categories: How to...
Father, husband, developer relations and web standards expert, and cat demo builder.
Sep 15, 2020
by Raymond Camden (104 posts) · Website & RSS feed
Categories: Remote DataHow to...Pagination
Getting front matter data into my Nunjucks RSS feed templates.
Sep 4, 2020
by Mark Llobrera (7 posts) · Website & RSS feed
Categories: Front MatterHow to...RSS
How to handle multiple authors in Eleventy, with custom author profile pages.
Aug 24, 2020
by Raymond Camden (104 posts) · Website & RSS feed
Categories: Front MatterHow to...FiltersPagination
In the last article, we learned what goes into planning for a community-driven site. We saw just how many considerations are needed to start accepting user
Aug 20, 2020
by Stephanie Eckles (21 posts) · Website & RSS feed
Categories: How to...
I've recently found myself reaching for Eleventy (aka 11ty) above all other tools when I want to develop a website. It's hard to beat a static site generator
Aug 19, 2020
by Stephanie Eckles (21 posts) · Website & RSS feed
Categories: How to...
Copy static files from a directory into the root of the build directory with Eleventy.
Aug 17, 2020
by Sean Davis (6 posts) · Website & RSS feed
Categories: How to...
Father, husband, developer relations and web standards expert, and cat demo builder.
Aug 16, 2020
by Raymond Camden (104 posts) · Website & RSS feed
Categories: Migrating to EleventyServerlessHow to...Remote Data
How to use custom filters and collections to hide Eleventy content for the future.
Aug 7, 2020
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...Front MatterFiltersCollections
If you write a technical blog and use 11ty as your static site generator of choice you might run into a conundrum: How do you show Liquid or Nunjucks template code in your code blocks.
Jul 31, 2020
Eleventy doesn't generate heading IDs by default, here's how to do it.
Jul 28, 2020
How I added Algolia Search to an Eleventy Site
Jul 24, 2020
Jul 12, 2020
An update to my post on using Algolia with Eleventy
Jul 1, 2020
Use a collection of utilities to form components without additional CSS.
Jun 29, 2020
Jun 8, 2020
by Deniz Akşimşek (1 post) · Website & RSS feed
Categories: How to...
Jun 2, 2020
by Mark Thomas Miller (5 posts) · Website
Categories: How to...
A few weeks ago, Zach Leatherman announced that he was going to change the Built with 11ty section 11ty's documentation. He was going to create a performance leaderboard to showcase performant projects using the tool. I wanted my site to break into the top 100!
May 25, 2020
Last time I wrote "this page is a repository consisting of some thrown-together and latenight-written code". Some tests should ensure that I don't break to much when I'm, cleaning up the code. Here's how I created a basic setup that runs my tests before every deployment.
May 25, 2020
by Martin Schneider (7 posts) · Website & RSS feed
Categories: How to...DeploymentNetlify
How to use Google Analytics with Eleventy
May 21, 2020
by Raymond Camden (104 posts) · Website & RSS feed
Categories: AnalyticsHow to...Remote Data
I have a home page which is made up of sections. Each section is currently pulled into my index.html... Tagged with eleventy, help.
May 20, 2020
by Grant Smith (1 post) · Website & RSS feed
Categories: How to...Collections
How to use Netlify's Analytics API in Eleventy
May 18, 2020
by Raymond Camden (104 posts) · Website & RSS feed
Categories: AnalyticsHow to...Remote Data
Adding a simple filter to save you a lot of grief.
May 12, 2020
In this tutorial, we'll set up a simple navigation, identify what page navigation item we need to activate based on URL parts and add an active class to that element with no need of an if tag
May 6, 2020
by Bryan Robinson (15 posts) · Website
Categories: How to...
Implement a Static API using the simple and fast static site generator, Eleventy.
May 6, 2020
by Sean Davis (6 posts) · Website & RSS feed
Categories: How to...
How to ignore the build output when adding it to gitignore causes problems.
May 4, 2020
by Sean Davis (6 posts) · Website & RSS feed
Categories: How to...
How I set up Eleventy to avoid including unnecessary CSS.
Apr 29, 2020
by Shiv J.M. (13 posts) · Website & RSS feed
The intro to a five-part series about incorporating webmentions into three different static site generators (SSGs).
Apr 28, 2020
by Bryce Wray (26 posts) · Website & RSS feed
Categories: How to...Webmentions
I recently released a plugin for quickly embedding media in Eleventy sites. I think it has potential!
Apr 28, 2020
A free template to generate semantic, accessible & resilient résumés for the web and print.
Apr 18, 2020
by Max Böck (8 posts) · Website & RSS feed
Categories: How to...
Going all-JavaScript with my Eleventy site.
Apr 15, 2020
by Bryce Wray (26 posts) · Website & RSS feed
Categories: How to...
Apr 10, 2020
by Heydon Pickering (3 posts) · Website
Categories: How to...
In this first post from the web.dev engineering team, learn about how we build the site—including our use of Eleventy and Web Components.
Apr 9, 2020
by Sam Thorogood (1 post) · Website
Categories: How to...
Avoid issues with Vue code being confused for Liquid
Apr 3, 2020
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...
How I added a similar post component to my blog with Eleventy and Liquid.
Apr 1, 2020
by Sarah L. Fossheim (1 post) · Website & RSS feed
Categories: How to...
Remember Tabletop.js? We just covered it a little bit ago in this same exact context: building editable websites. It’s a tool that turns a Google Sheet into
Mar 27, 2020
by David Atanda (2 posts) · Website & RSS feed
Categories: How to...Remote Data
In cases of emergency, many organizations need a quick way to publish critical information. But existing (CMS) websites are often unable to handle sudden spikes in traffic.
Mar 22, 2020
by Max Böck (8 posts) · Website & RSS feed
Categories: How to...Why Eleventy?
This website is run with Eleventy, using Markdown and Ghost CMS for blog posts. I've iterated in a couple of ways to build the CMS integration.
Mar 6, 2020
Using cards makes sharing your content on Twitter look much nicer.
Feb 28, 2020
by Tom Hazledine (3 posts) · Website & RSS feed
Categories: Nunjucks/MacrosSocial MediaHow to...
Feb 28, 2020
by Timothy Miller (3 posts) · Website & RSS feed
Categories: How to...PluginsShortcodes
Creating pagination from dynamic data and add a useful navigation bar. Tagged with eleventy, javascript, blog, tutorial.
Feb 24, 2020
by Josef Biehler (1 post) · Website & RSS feed
Categories: PaginationHow to...
Feb 21, 2020
by Timothy Miller (3 posts) · Website & RSS feed
Categories: How to...Remote DataRSS
Father, husband, developer relations and web standards expert, and cat demo builder.
Feb 19, 2020
by Raymond Camden (104 posts) · Website & RSS feed
Categories: ConfigurationHow to...
An example of using Eleventy's Linter feature
Feb 10, 2020
How to check the version of embedded template engines in Eleventy
Feb 7, 2020
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...ConfigurationFilters
How to add a "Last Edited" value to Eleventy pages.
Feb 6, 2020
by Raymond Camden (104 posts) · Website & RSS feed
Categories: How to...CollectionsConfigurationDates
Phil Hawksworth's home on the web. Read his blog, ask questions, and find coverage of his recent conference talks about web development.
Jan 2, 2020
2019
Some words about my Eleventy/webpack configuration.
Dec 14, 2019
by Bryce Wray (26 posts) · Website & RSS feed
Categories: How to...Configuration
For the Visual Framework 2.0 component system we recommend Eleventy for static sites: Eleventy sites get direct access to component templates with associated metadata and a focused component library.
Nov 12, 2019
by Ken Hawkins (3 posts) · Website & RSS feed
Categories: How to...
Eleventy notes that it, "works great with data — use both front matter and external data files" but the static site generator stops short of working well with upstream in-memory data objects for local development.
Oct 21, 2019
by Ken Hawkins (3 posts) · Website & RSS feed
Categories: How to...
Following my blogpost on multilingual websites with Eleventy, I had several questions about how to build a language switcher. Here is the approach I generally use.
Sep 12, 2019
by Jérôme Coupé (10 posts) · Website & RSS feed
Categories: InternationalizationHow to...
Achieving tag-like functionality without using tags in Eleventy
Aug 26, 2019
by Laurence Hughes (4 posts) · Website & RSS feed
Categories: BloggingCollectionsConfigurationHow to...Pagination
You may have heard (or even issued the call) that “we can just use lazy loading!” when looking for a way to slim down a particularly heavy web page.
Jul 15, 2019
In the sites I’ve built with Eleventy (11ty) recently, I’ve found myself reusing a couple filters. This has involved me copying and pasting the code a lot. The solution? Create an 11ty Plugin.
Jun 21, 2019
This post explains how you can add scheduled publishing to your 11ty blog (with a bonus for drafts). Before I jump in though, 11ty is a surprisingly simple sys…
Jun 19, 2019
by Remy Sharp (2 posts) · Website & RSS feed
Categories: CollectionsFiltersHow to...DraftsScheduling
In this video series, we'll take a look at what it takes to start with a free HTML template found on Google and convert it for use with a static site generator (SSG). We'll be using my personal favorite SSG 11ty (EleventyJS).
May 31, 2019
Eleventy might not have multilingual and localisation capabilities out of the box, but you can build a pretty good setup using global data files, collections and Nunjucks as a templating language.
Apr 27, 2019
How to pull interactions from social media platforms like Twitter back to your own site, using Webmentions, webmention.io and Bridgy.
Jan 10, 2019
by Max Böck (8 posts) · Website & RSS feed
Categories: How to...Webmentions
I am building a new personal site. The idea behind it is pretty simple: it’s a blog that will have a total of 50 pages added to it over 5 years. Not much content and not much complexity. I deba...
Jan 6, 2019
by Jonathan Snook (2 posts) · Website & RSS feed
Categories: DeploymentHow to...
2018
Using progressive enhancement, JavaScript and a static site generator to create site search facility.
Oct 18, 2018