How to... 968 posts
Category: HOW TO... (968 posts)
2025
Announcing a new 11ty Shortlink and QR Code Generator purl.im
using the #indieweb for shortlinks and qr codes
By Adam DJ Brett (10 posts)
How I fixed an 11ty performance error that caused my build time to be seven minutes
Cooling Down the Servers by Adding a Little Snow
Cool your servers off with some CSS snow as we wire up the snow-fall web component in a self hosted Eleventy setup, complete with color, count, and reduced motion tweaks.
By Kyle Reddoch (4 posts)
Eleventy - todayโs date as a global variable
Sometimes, you want to use today's date in a template. One example is a copyright notice that includes the current year. Not all templating languages provide a simple way to get the current date.
By Rob O'Leary (13 posts)
I built a tiny RSS generator for my Advent of Code solutions
My current publishing setup for my notes doesnโt allow separate feeds for different categories so I built a small tool for my website to add entries manually to a separate feed with a single CLI call.
By Juha-Matti Santala (22 posts)
Eleventy: How to Set Up Effective HTML Minification (in 24 Seconds)
Using JavaScript and Eleventy to display headlines from multiple RSS feeds
What if you want to show off the latest blog post from multiple websites that don't offer an API to do so? If you have Eleventy, then you can follow this guide for a starter.
By Gregory Hammond (3 posts)
Eleventy (11ty) string-based translation with i18next
This article shows how you can make an Eleventy (11ty) website translatable on a string-by-string basis, supporting translation platforms such as Weblate.
By Andrew Ward (5 posts)
My New On-Demand Image Resizing Pipeline for Eleventy
Don't get me wrong: I love using Eleventy . I am benefiting so much of its little and big conveniences and generally agreeโฆ
By Martin Hรคhnel (14 posts)
Migrating from WordPress to 11ty (Eleventy)
This site was migrated from WordPress to 11ty (Eleventy). Here's how I did it, including how to import and convert WordPress content that relies heavily...
By Alfred Reinold Baudisch (1 post)
XMIT Redirects and 11ty
Using XMIT Redirects on an Eleventy site deploying to XMIT via GitHub Actions
By Adam DJ Brett (10 posts)
Deploying an Eleventy Site to XMIT using GitHub Actions
Using esbuild in Eleventy
The personal website of Dan Cฤtฤlin Burzo.
By Dan Cฤtฤlin Burzo (6 posts)
Updated Bookmarks
I've been using raindrop for my bookmarks and updated my bookmarks page
By Clayton Errington (19 posts)
Let it Snow: Adding a Falling-Snow Effect to Your Eleventy Website
As you can see, I'm getting my priorities in order. Here's how I added a falling-snow effect to my website.
By Nathan Upchurch (4 posts)
Making a free image gallery with 11ty and Neocities.org
Embedding Mastodon Posts in Eleventy: My Journey
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.
By Kyle Reddoch (4 posts)
Creating a modular approach to json schema in an eleventy website
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.
By Simon Cox (16 posts)
THE Eleventy Meetup Episode 27
I spoke at THE Eleventy Meetup again; this time about building a multilingual blog.
By Helen Chong (7 posts)
Simple Lossless Image Compression
Software engineering leader and occasional side project hacker.
By Brian Cantoni (6 posts)
TypeScript Mini Apps in Eleventy
By DSri Seah (2 posts)
Creating Cloudflare redirects
Notes on optimal ways to pull together a redirects file suitable for a Cloudflare hosted website.
By Simon Cox (16 posts)
Font Subsetting in Eleventy
eleventy-plugin-font-subsetting works fine but its configuration is finicky.
By Shiv J.M. (13 posts)
WhileDo
Instead of a How-To, I'll write a "WhileDo" today. This is my attempt to Write Like Ron Jeffries. After I published thisโฆ
By Martin Hรคhnel (14 posts)
From Dotclear to Eleventy 5
How to migrate a blog from Dotclear on to eleventy
By Alix Guillard (4 posts)
Preview production drafts locally
`ELEVENTY_ENV` is now wired into every npm script so drafts stay private in production while remaining easy to preview.
By Nicholas Clooney (5 posts)
Leveling Up Responsive Images with Eleventy Img
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.
By Nicholas Clooney (5 posts)
11ty Subspace Builder v1.0.0
Our first stable launch brings a polished Eleventy 3 starter with theme switching, accessible navigation, OG image automation, and a streamlined authoring flow.
By Nicholas Clooney (5 posts)
Adding a custom filename to a code block in Elevยญenty with markdown-it
From Dotclear to Eleventy 3
How to migrate a blog from Dotclear on to eleventy 3- Content Migration
By Alix Guillard (4 posts)
Leveraging Eleventyโs custom data file format feature for simpler game scoring format
While building a website for our Pokรฉmon TCG tournament series, I discovered a new handy tool within Eleventy to enable custom data formats.
By Juha-Matti Santala (22 posts)
Building a Multilingual Blog with Eleventy
My experience with making my English-Simplified Chinese bilingual personal blog with Eleventy and its official internalisation plugin.
By Helen Chong (7 posts)
From Start to Finish: Moving My Blog to Eleventy + GitHub Pages
A step-by-step guide on migrating my blog from using Weblog by OMGlol to Eleventy, hosted on GitHub Pages.
By Kyle Reddoch (4 posts)
Asset fingerprinting and the preload response header in 11ty
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.
By Matt Hobbs (7 posts)
Conditional favicon in Elevยญenty using passthrough copy
Never mix up dev and prod again! (due to identical icons, at least)
By Christopher Kirk-Nielsen (14 posts)
Eleventy pagination with Vento
Updating Eleventy from Nunjucks to Vento was mostly smooth sailing โ except for pagination. Hereโs how I eventually figured it out.
By Graham F. Scott (5 posts)
Using Obsidian Callouts with 11ty
A simple guide on how to make an Obsidian style Callout or Information box
By Aninus Partikler (1 post)
OG Images using 11ty Screenshot Service
How I Fixed My Blogroll
After troubleshooting eleventy my blog roll was the cause of the long build times
By Clayton Errington (19 posts)
Troubleshooting Eleventy Long Build Time
I notice my build times were getting longer but no real changes were made
By Clayton Errington (19 posts)
Automating my links list
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.
By Juan Fernandes (4 posts)
Whatโs Next? Search Me
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...
By Bix Frankonis (1 post)
Solving my Image Dimension Problem with an Eleventy Transform
Software engineering leader and occasional side project hacker.
By Brian Cantoni (6 posts)
How to Add Playwright Automated Tests to an Eleventy Static Blog
Software engineering leader and occasional side project hacker.
By Brian Cantoni (6 posts)
Updated My Draft System
Formatting maths in Eleventy with KaTeX
A blog on software development and other stuff
By Glyn Normington (4 posts)
Cache-Busting Assets in Eleventy
Generate a sourcemap and add it to Eleventyโs global data.
By Aleksandr Hovhannisyan (14 posts)
Blogging in markdown
11ty Meetup #25: Presentation of Kaj Kandler
Presenting this Eleventy Starter Project and Schema Markup tutorial at 11ty Meetup
By Kaj Kandler (1 post)
Migrating An Eleventy Site to Bunny.Net
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
By Chris McLeod (7 posts)
Scheduled deployments for Eleventy websites
Using HTMX boosted links in my 11ty website
Boosting links is a powerful technique that makes the navigation between pages of a statically generated website smoother.
By Rigotti (1 post)
Completing the I18nPlugin installation
This is the second part of my experiment to standardize the structure of my blog using the built-in I18nPlugin
By Francis Beaudet (2 posts)
How To Use eleventy-img (To Optmize Images In Eleventy) With Caching (To Keep Build Times Low) On Cloudflare Pages (Which Can't Cache Optimize Images Out Of The Box)
The Problem Cloudflare offers build caching for static site generators like Eleventy . Both are powering this blog. Great.โฆ
By Martin Hรคhnel (14 posts)
Making a multilingual website with Eleventy
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.
By Francis Beaudet (2 posts)
Data vs. Collections in Eleventy
Custom CLI tool to link Mastodon posts and blog posts
Random page feature for a static site with Eleventy
To celebrate International RNG Day, I built a page that redirects you to a random blog post on my site.
By Juha-Matti Santala (22 posts)
Proper Sitemap Update Dates for Eleventy
Software engineering leader and occasional side project hacker.
By Brian Cantoni (6 posts)
Creating a website from Obsidian
I created a couple of websites from an Obsidian vault using the Digital Garden plugin.
By Stephen Gower (1 post)
Marking blog posts as drafts in 11ty
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.
By Tobias Fedder (7 posts)
Nice Permalinks In Eleventy AND Nice Filenames in Obsidian
A while ago I made a post about how to change (part of) the permalink that Eleventy generates from the filename. Since Iโฆ
By Martin Hรคhnel (14 posts)
Generating LLMs.txt Using Eleventy
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...
By Ariel Salminen (2 posts)
Uploading Images For Your Eleventy Blog to Cloudflare R2 from Obsidian
At some point I will write about my Obsidian as a blog editor setup in more detail, but I just wanted to make a note here,โฆ
By Martin Hรคhnel (14 posts)
Building a Printfulโpowered eโcommerce site with 11ty and Stripe
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.
By Juan Fernandes (4 posts)
Creating proportional, equal-height image rows with CSS, 11ty, and Nunjucks
Hi, Iโm Jeremy. I build things on the web and share what I learn on my blog.
By Jeremy Robert Jones (1 post)
How to import() a Javascript string
Poaster: Solving SSG Microblogging Ergonomics with Ruby and KDialog
Trying to make it a little less brutal to make small, frequent posts on SSGs.
By Nathan Upchurch (4 posts)
From Nunยญjucks to Vento in Eleventy: a migration guide (kinda)
A few tips to refactor your njk into vto.
By Christopher Kirk-Nielsen (14 posts)
An Obsidian Template To Create A File At The Right Location
In my blog, this post you're reading right now can be found at the following path in the repo: content/blog/2025/06/03/obsidian-templater-file-creation-template.mdโฆ
By Martin Hรคhnel (14 posts)
11ty RSS Feed Setup: Three Plugin Problems and How I Fixed Them
Dependency management, configuration conflicts, and deprecated APIs while setting up RSS feeds in 11ty
By Simon Rosenqvist (1 post)
Writing statistics for your Eleventy (11ty) blog
A short tutorial on how to create a writing stats page for Eleventy.
By Andrew Ward (5 posts)
How To Implement Favs In Eleventy
An easy way to implement favs - favorites, likes, kudos or whatever you want to call them - is by using a little bit of HTML,โฆ
By Martin Hรคhnel (14 posts)
Building Search Index with Eleventy
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...
By Ariel Salminen (2 posts)
A Quick Guide to Everything I Know about Webmentions
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.
By Reilly Spitzfaden (3 posts)
Vento: My Favourite Template Language for Eleventy
I have switched to using Vento as the template engine in my websites built with Eleventy, and I love it.
By Helen Chong (7 posts)
yearsSince
JavaScript that calculates the number of years that have passed since a given date, utilized in an Eleventy shortcode.
By Marc Amos (1 post)
A Slightly Improved Image Gallery for Eleventy
Blog about programming, scientific machine learning and the related techniques and methods.
By Valentin Pratz (2 posts)
Providing next event as API with Eleventyโs Global Data Files and Netlify Functions
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.
By Juha-Matti Santala (22 posts)
How To Make Eleventy Understand Obsidian-style Callouts
I really like callouts as a concept. If you're unfamiliar, they are a way to make a part of a note or post stand out. Becauseโฆ
By Martin Hรคhnel (14 posts)
Running 11ty and PHP concurrently
Now that I have several sections of this site served dynamically using PHP I've finally put together a single command to work on the site locally.
By Cory Dransfeldt (46 posts)
blog - obsidian templates and use
about the templates i use in obsidian to create drafts and posts
By actuallysomecat (4 posts)
A Test of Eleventy Fetch
Taking VentoJS for a spin in Elevยญenty
Double-Pagination in Elevยญenty
Yo dawg, I heard you liked pagination, so I added pagination inside your paginated pages, so you can paginate while you paginate.
By Christopher Kirk-Nielsen (14 posts)
Using Notion as CMS with Eleventy
In this article we'll walk through how to use my eleventy-from-notion plugin, so you'll be able to use Notion as your CMS to use with your Eleventy setup.
By vrugtehagel (2 posts)
Eleventy: A GitHub Workflow to Check if an Automated Dependency Update Would Break Your Site
A little safety measure to prevent updates to package.json, package-lock.json, and .nvmrc (or similar) from causing a hiccup.
By Jens Oliver Meiert (3 posts)
Magick images
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.
By Ethan Marcotte (2 posts)
How To Make Eleventy Understand Obsidian-style Wiki Links
I have started to use Obsidian as my blog editor and because of that I needed a simple way to make eleventy understand wikiโฆ
By Martin Hรคhnel (14 posts)
Letterboxd to Markdown
A small node script to create a markdown file for each movie review in a Letterboxd RSS feed
By Keith Kurson (3 posts)
How I Run Eleventy (Itโs Complicated?)
Aliases, debug mode, non-versioned builds as part of a centralized, versioned site exports repoโand the thinking behind it all.
By Jens Oliver Meiert (3 posts)
Adding base64 placeholder background images to eleventy-img
Add a low-quality webp placeholder image to the HTML of your site
By Stefan Burke (4 posts)
Dynamically creating QR codes in Eleventy
A brief update to how I write these posts
By Paul Capewell (2 posts)
Rendering FreeMarker and Python page templates with 11ty
11ty, FreeMarker Generator, and Chameleon allow me to render FreeMarker and Python page templates to HTML within the same static site generator.
By Tobias Fedder (7 posts)
Generating content driven CSS with Eleventy
Why spend an hour writing CSS when you can spend four hours creating classes on the fly?
By Sami (1 post)
Recreating Search with Eleventy v3 and Netlify
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
By Philip Renich (2 posts)
How My Terminal Text WebC Component Works_
Thank you for thinking out loud
By John Michael Swartz (1 post)
Creating a blogroll page from Mastodon bookmarks
How I built a page with a list of the toots I have bookmarked in Mastodon.
By Simon Cox (16 posts)
eleventy-plugin-skiplink
This article is about: How and why I created a plugin to automatically create a skiplink for 11ty
By David Moll (2 posts)
Moving 18 years of comments out of Disqus and into my 11ty static site
By Sacha Chua (4 posts)
Use Passthrough File Copy to Add Assets
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.
By Danial Zahid (6 posts)
11ty Font Awesome SVG Plugin
Using 11ty plugin for font awesome svg icons with no clientside javascript
By equilibriumuk (19 posts)
Creating A Navigation Menu For the Eleventy Base Blog
Just a quick note on the fact that this blog now has a custom main navigation that can grow past the five or so items thatโฆ
By Martin Hรคhnel (14 posts)
Announcing WordPress Export to Markdown v3
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...
By Will Boyd (1 post)
11ty Meetup: Blog Awesome from WordPress to Eleventy
11ty Math
By Brian Kardell (1 post)
List blog posts grouped by year with Eleventy
A short guide on how to display blog posts grouped by year for a blog listing page in Eleventy using Nunjucks templating.
By Juha-Matti Santala (22 posts)
Eleventy's Image Plugin Disk Caching Approach For HTML Transform Method
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
By Murtuzaali Surti (5 posts)
Generating absolute URLs in my RSS feed(s)
My RSS feeds are generated by 11ty at build time from a Liquid.js 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
By Cory Dransfeldt (46 posts)
Extract Colors from an Image for CSS Themes
How I Built Shopify Theme Vitals using 11ty and CrUX
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
By Sia Karamalegos (13 posts)
11ty Obsidian & Github Style Alert Blocks
Adding Obsidian & Github Style Alert / Callout Blocks Using 11ty and markdown-it Plugins
By equilibriumuk (19 posts)
11ty Markdown External Links Plugin
Setting target _blank and rel noopener noreferrer to external links using markdown-it + 11ty
By equilibriumuk (19 posts)
Adding a Button to Copy Code Snippets
How I added a button to copy code snippets to my website with JavaScript.
By Helen Chong (7 posts)
I made an Eleventy & Nix static site template
Clone my repository to get an Eleventy site built on NixOS quick sharp
By Stefan Burke (4 posts)
How To Remove A Folder From The Generated Permalinks In Eleventy
When I moved to Eleventy with this blog, I made the "mistake" to organize my blogposts into a subdirectory called blog. Inโฆ
By Martin Hรคhnel (14 posts)
Presenting an episode on your site
Building a resume website with eleventy
i share how i built a fully customizable resume website with eleventy, complete with seo-friendly features and pdf generation.
By Keith Kurson (3 posts)
Better YouTube Embeds ~77% Faster
YouTube videos were significantly slowing down posts, so discovered this better technique.
By DeepakNess (4 posts)
The markdown filters your Eleventy project needs
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.
By Jeremias Menichelli (1 post)
Implementing Webmentions
Dynamic pages with PHP and 11ty
When I moved this site to my own 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
By Cory Dransfeldt (46 posts)
How To Add Search To Eleventy
If you have an Eleventy-based site, there are a few options you can take to add search to your page. One low-fi solutionโฆ
By Martin Hรคhnel (14 posts)
11ty and OG images
How To Add Footnotes To Eleventy
An easy way to add footnotes to Eleventy is to use an existing plugin for markdown-it , which is what Eleventy uses internallyโฆ
By Martin Hรคhnel (14 posts)
11ty
Create New Posts Faster in 11ty
A quick guide on how to create new posts faster in 11ty.
By DeepakNess (4 posts)
Webmentions Without Plugins
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!
By Reilly Spitzfaden (3 posts)
Configuring your Content-Security-Policy on your development environment in 11ty
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.
By Matt Hobbs (7 posts)
Building a Quiz System With Eleventy
Remember when internet quizzes were a thing? I wanted to bring them to my website.
By Nathan Upchurch (4 posts)
Loading Pixelfed Photos with Eleventy
Adding Prettier in Eleventy using Transforms
Bernard Nijenhuis โข Front-end Developer โข Katwijk, The Netherlands โข Father of 3 kids โข Husband to 1 wife โข Owner of 2 cats
By Bernard Nijenhuis (8 posts)
Eleventy, Open Graph images and fun?
Ok, this is my 'final' final word on RSS entry IDs
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.
By Bob Monsour (20 posts)
I wanted to validate the presence of an rssid in my front matter
Rather than have my RSS entry ID be missing, I wanted to validate its presence at build time.
By Bob Monsour (20 posts)
Managing My Books Data
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?
By Spencer Harston (2 posts)
My last word on RSS entry IDs
In an effort to create more robust and truly unique and permanent IDs for my RSS feed entries, I built a thing to help.
By Bob Monsour (20 posts)
Let's create a plaintext RSS feed with 11ty
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.
By Matt Hobbs (7 posts)
Creating a 'new blog entry' shortcut for creating blog posts in nano for eleventy
By Paul Capewell (2 posts)
Displaying Webmentions
I finally figured out displaying webmentions on my site without any client-side JavaScript!
By Reilly Spitzfaden (3 posts)
Integrating Eleventy with Buttondown to create subscribers-only content
Visual Studio Code Snippet for Markdown Frontmatter
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
By Chris McLeod (7 posts)
Creating permanently unique entry IDs for RSS
I was inspired to create permanently unique entry IDs for my RSS feed after reading a post by Evan Sheehan.
By Bob Monsour (20 posts)
Building a seasonal veg app with Eleventy. Part 5 - Scheduled functions with Netlify
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...
By Yasmin (5 posts)
Securing 11ty with SSL Locally
How to configure your eleventy serve process with ssl for localhost
By Clayton Errington (19 posts)
Creating a Books Page
How and why I decided to create a Books page to keep track of my reading.
By Spencer Harston (2 posts)
The Speed Trifecta: 11ty, Brotli 11, and CSS Fingerprinting
In this post I bring two previous blog posts together to create the perfect CSS setup for my little blog.
By Matt Hobbs (7 posts)
11ty Blog Rewrite Hotfix
hi there! please enjoy my blog of things i think are interesting
By Melanie Kat (2 posts)
Inquirer.js
An increasing number of posts appears to be focusing on how to get content *out* of WordPress. Lol. Well needs
By Rich Holman (2 posts)
Build-time og:image generation with eleventy-img
Three titles (podcaster plugin)
Documentation website for eleventy-plugin-podcaster.
By Nathan Bottomley (2 posts)
O(M)G Images
Creating a custom Slugify filter in Eleventy
I'm from Finland, so I want to have Nordic slugs for my sites.
By Sami Mรครคttรค (6 posts)
Using an 11ty Shortcode to craft a custom CSS pipeline
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.
By Matt Hobbs (7 posts)
Automagically generating a robots.txt file in Eleventy using data and Nunjucks
Writing some code to make better a thing I've been doing manually.
By Thomas Rigby (8 posts)
WP.SCSS
Increasingly I've been including 11ty in my WordPress builds as part of the theme. Great for static assets, such as
By Rich Holman (2 posts)
Display Plausible Statistics in Your 11ty Blog
How to display popular and trending blog posts using Plausible Analytics and 11ty. Follow this step-by-step guide for seamless API integration.
By Joseph Jude (2 posts)
Cranking Brotli up to 11 with Cloudflare Pro and 11ty
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.
By Matt Hobbs (7 posts)
How I built the Books page
I went live with my Books page a short while ago. Here's how I built it.
By Bob Monsour (20 posts)
2024
Displaying Eleventy Version on a Page
Describes how I display Eleventy build information on this site and how I had to change the process for Eleventy 3.0.
By John M. Wargo (45 posts)
Accessible Eleventy Gallery
An adaptation of Kalechip's Static Accessible Gallery Generator for Eleventy.
By Sainthood (1 post)
Learning 11ty by adapting a Jekyll Template
HTTP 301 redirects in Eleventy
Adding Random Content Using Eleventy
Learn how to use Eleventy to add dynamic, random content like film quotes or targeted Q&A sections to your website. A step-by-step guide with practical examples and code snippets.
By Stu Robson (1 post)
Rebuilding your Netlify site at regular intervals
With my site on Netlify I've set up a function to rebuild it at regular intervals (hourly, in my case).
By Cory Dransfeldt (46 posts)
Building a Goodreads bookshelf for 11ty
An idiot's guide to adding open graph images to an 11ty blog
Going all in with 'native' markdown
I've been typing way too much. There are simpler ways to use markdown for images and tables of contents. Here's how I'm doing it.
By Bob Monsour (20 posts)
A tweak to how I use Pagefind
I use the Pagefind package to add search to my personal site. It was returning way too many result for simple words. I made a small tweak to fix that.
By Bob Monsour (20 posts)
Archiving your Twitter account with Eleventy
The Twitter we knew is dead, but I wanted to preserve an archive of my account, on my own terms. Here's how I did it.
By Graham F. Scott (5 posts)
Integrating Jupyter Notebook Cells in Eleventy Posts
Blog about programming, scientific machine learning and the related techniques and methods.
By Valentin Pratz (2 posts)
Adding Password Protection to 11ty Pages Using PageCrypt
When building static sites with Eleventy (11ty), you might occasionally need to password-protect certain pages. While static sites don't have built-in authentication mechanisms, we can implement client-side encryption using PageCrypt, a lightweight JavaScript solution that encrypts HTML content
By Cody Sand (1 post)
Oops, I built a headless frontend with 11ty
Adding Cooklang Support to Eleventy Three Ways
How I added my recipes to my blog posts with cooklang and the recipe schema
By Robb Knight (20 posts)
Building My Resume in HTML using Eleventy
By Michael Engen (1 post)
Eleventy (11ty) year, year-month, and year-monty-day indexes
Share to the Fediverse with ShareOpenly
A share button that connects to Mastodon, Bluesky, Micro.blog, Threads and more. Here's how I've hooked it up to Eleventy.
By Kelson Vibber (1 post)
Building an album releases calendar subscription
As part of tracking the music I listen to I also keep track of upcoming albums. When I add an album, I also have fields for release dates and links.
By Cory Dransfeldt (46 posts)
Open Graph Metadata and Images in Eleventy Made Easy
Blog posts are meant to be shared. When sharing links, youโll often see a preview on social media and instant messengers. But how does it work and how can you do it with Eleventy?
By Sebin Nyshkim (3 posts)
11ty meetup: Tracking and displaying music history
I got to speak at the 11ty meetup today about the music tracking contraption I've built into my site. I have a fairly detailed post on how I built it and [another on the method I'm using to render dynamic media (read: m
By Cory Dransfeldt (46 posts)
Dynamic pages with 11ty and Cloudflare workers
I *was* rendering about 3300 pages every time my 11ty site built โ probably overkill. About 615 artist pages, 1200+ movie pages, 500 show pages, 500 for books and ~35 for genres. Whew. Build times hovered at about a minute (still very impressive!) but would only ever increase
By Cory Dransfeldt (46 posts)
Using Coolify for deploying 11ty
I've been meaning to try Coolify for ages, as a self-hosted Netlify alternative. A couple of recent discussions prompted me to try it out
By Lewis Dale (5 posts)
Prairie Rose Arena - Project Notes
How I teach Eleventy from scratch
I love how in Eleventy, you can build a site step-by-step and at each small step, have a functional website. In this post, I describe a workshop structure Iโve used lately to teach a few of my friends how to build a static site with Eleventy.
By Juha-Matti Santala (22 posts)
Aggregating content using collections in Eleventy
I have a bunch (too much?) content on this site and I use a collection containing a few child functions to aggregate all of it into a sitemap, search index and unified feed that gets syndicated to Mastodon.
By Cory Dransfeldt (46 posts)
Eleventy Collections from an API
I've been tinkering with a new Eleventy project and decided to fire it up using the 3 beta version.
By Trevor Morris (8 posts)
Syndicating an RSS feed to Mastodon using a Cloudflare worker
Everything shared from my site to Mastodon runs out of a single all activity RSS feed. You're welcome to subscribe to it, but it's formatted with social syndication in mind โ emojis, hashtags and truncation that match that use case. This feed is populated from a fairly verbose `processConten
By Cory Dransfeldt (46 posts)
Exclude specific tags in Eleventy using a custom filter
Exclude specific tags in Eleventy using a custom filter to display related tags on a blog post without certain tags. Learn how to implement the 'exclude' and 'limit' filters in Eleventy for tag display.
By Christian Fei (1 post)
My Decap CMS setup with 11ty hosted on Cloudflare Pages
I Moved to Cloudflare
After some recent incidents involving Netlify and Vercel, I decided to play it safe and move my website and another side project to Cloudflare.
By Aleksandr Hovhannisyan (14 posts)
I rebuilt my website from scratch with WebC
The background and design decisions that went into my new website.
By Fynn Becker (3 posts)
Eleventy - Zero JS charts
It'd be cool to be able to sprinkle in some charts to your website easily. And without a lick of client-side JavaScript.
By Rob O'Leary (13 posts)
Dynamic Importing with Eleventy
After organising Eleventy filters, shortcodes etc I had an idea to tidy the code even more and make it dynamic. I wanted to automatically import any new functions that were added, including new when using files.
By Trevor Morris (8 posts)
Using Environment Variables in Eleventy Content Pages
Explains how you can use environment variables in Eleventy content pages
By Florian Eckerstorfer (9 posts)
Live CMS Previews with Sanity and Eleventy
How to set up on-demand building in Eleventy to allow live content previews with Sanity CMS.
By Max Bรถck (8 posts)
Eleventy Filters in Collections
If you're building up a custom Eleventy collection using addCollection, you may need to use existing filters to create the desired data.
By Trevor Morris (8 posts)
Organising Eleventy Filters, Shortcodes and moreโฆ
I work a lot with the Laravel framework, which scaffolds much of your initial setup and has conventions for where code should be stored. Starting a brand new Eleventy project from scratch doesn't give you this boilerplate and means you have to make decisions about where everything lives.
By Trevor Morris (8 posts)
Making a Comment System with Eleventy and Netlify
Simple Eleventy 3 Excerpts
Sometimes it makes sense to write a unique excerpt. But sometimes the beginning of the page content works well enough, which is why manyโฆ
By Tyler Sticka (3 posts)
A feed for everything and everything in a feed
At the moment my site has 6 different feeds. 5 RSS feeds, an ICS feeds and JSON versions of the 5 RSS feeds. I was asked how they're put together and, well, it's a bit involved.
By Cory Dransfeldt (46 posts)
Migrating from Netlify to Cloudflare for AI bot protection
How I migrated my static site from Netlify to Cloudflare including setting up Functions to handle contact form requests
By Sia Karamalegos (13 posts)
Upgraded to Eleventy 3.0 (Beta)
My experience upgrading this blog to the latest Eleventy blog.
By Raymond Camden (104 posts)
Deploying on Netlify with Appleโs Shortcuts
Writing about the big beautiful mess that is making things for the world wide web.
By Jim Nielsen (1 post)
Managing drafts for Eleventy
By Nathan Smith (2 posts)
Syntax highlighting in Eleventy
By Nathan Smith (2 posts)
IMPROVED ERROR MESSAGING FOR REQUIRE(ESM) IN NODE.JS
Porting to 11ty v3 and TypeScript
In which I detail how I ported recipes.genehack.org to 11ty v3 and Tyescript
By John Anderson (1 post)
Aboard the Eleventy 3.0 Train
My developer portfolio and blog website has been officially upgraded to Eleventy 3.0.
By Helen Chong (7 posts)
It turns out a CMS can be pretty awesome
Having a CMS to update your site can be awesome. It's not strictly necessary and mine is entirely over-engineered but here we are. It's helpful on mobile, it's been incredibly useful on desktop.
By Cory Dransfeldt (46 posts)
Building a Euros sweepstake website with 11ty
Getting my top posts from Umami
I recently started using umami.is for website analytics, and figured I could use the API to output some stats about my blog
By Lewis Dale (5 posts)
Fetching Achievements and Trophies for my Game Collection Page
How I'm fetching trophy and achievements to show on my game collection
By Robb Knight (20 posts)
Highlighting the Active Navigation Link in Eleventy Using Templates, Shortcodes, and the Page Object
Using templates, shortcodes, and the Eleventy supplied data for highlighting the current page in navigation
By nonnullish (3 posts)
Add Squirrelly Support to Eleventy
Building a Web Version of Your Mastodon Archive with Eleventy
Turning your Mastodon archive into a web site with Eleventy
By Raymond Camden (104 posts)
Adding the New Mastodon Link Attribution Meta Tag
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
By Chris McLeod (7 posts)
Building out a books page
I had a ton of fun reading about how Melanie put together her reading page that I thought I'd write up a quick post on how I built mine.
By Cory Dransfeldt (46 posts)
Building a Custom Filter for Eleventy Collections
Lists are wonderful, and filters make them better. This article is about building a custom filter for Eleventy collections.
By Tom Doe (10 posts)
Adding Cooklang Support to my Eleventy Blog
How I added cooklang to my blog and the 11ty extension I created in the process
By Matthew Paul (1 post)
THE SMORGASBORD OF WINDOWS TERMINALโฆ WINDOWS
Adding a Photo Stream to an Eleventy Site
Fetching all my public photos from Flickr & putting them on my page
By nonnullish (3 posts)
New Reading page, powered by the Airtable API
A walkthrough on how I used Eleventy and the Airtable API to power a bookshelf pages with books Iโve read
By Melanie Richards (1 post)
Nested pagination with 11ty
Organizing NPM Build Scripts
I recently took an existing codebase and ported it over to Eleventy. The main purpose was to recreate the website with existing markdown files and CSS. Creating the collections and templates was the bulk of the work, but I also needed the CSS to work.
By Trevor Morris (8 posts)
Showing Omnivore links as Bookmarks
Saving links to Omnivore and using labels to display those as bookmarks on my website
By Clayton Errington (19 posts)
Twenty year celebration: Site update number three
By Peter Sefton (1 post)
Adding Github-Style Markdown Alerts to Eleventy
How I added support for callouts/alerts to this site
By Robb Knight (20 posts)
Adding view count and like button to 11ty
How to mix static and dynamic content so you can spend more time in a void
By Megaemce (1 post)
Webmentions and 11ty
Eleventy collections using the built in tags key
In Eleventy, when you place a JSON file, with the same name, as the folder, within that folder, the data from the JSON file is automatically applied to all files within that folder. This mechanism is a convenient way to apply metadata to a group of files without having to manually include it in each
By Jeremy Faucher (8 posts)
Blocking Bots with Nginx
How I've automated updating the bot list to block access to my site
By Robb Knight (20 posts)
Eleventy - Add CSV data file support
It would be cool to be able to drop a CSV file into a project and use it in a page. My motivation was to show bookshelves from my library database
By Rob O'Leary (13 posts)
11ty and Obsidian Template for Solo Play
Umami API Top 10 Pages
Using the Umami API to show the Top 10 pages on my website
By Clayton Errington (19 posts)
Upgrading to Eleventy 3.0
Netlify Large Media forces my hand.
By Mark Llobrera (7 posts)
Displaying Line Numbers in 11ty Code Blocks
Add line numbers to 11ty code blocks with Prism and Markdown-it, bypassing the plugin's DOM-dependency by adjusting the renderer during the build process.
By Jonathan Lau (2 posts)
Readable HTML and CSS
Eleventy - Convert a RSS Feed to a collection
I want to create an archive of all my writing. One source is the author RSS feeds of blogs I wrote for. How about I turn it into an eleventy collection?
By Rob O'Leary (13 posts)
How I use Shiki in Eleventy
I'm using Shiki as a syntax highlighter in my Eleventy site. I recently added a caching layer to speed up builds.
By Stefan Zweifel (2 posts)
Virtual Templates in Eleventy
In Eleventy 3.0, virtual templates enable plugin authors to publish and share dynamic templates.
By Aleksandr Hovhannisyan (14 posts)
Convert Obsidian Image Links to Nunjucks Shortcodes in Eleventy
JavaScript code to convert Obsidian image links to Nunjucks short codes.
By Amy Khar (1 post)
Eleventy - Merge external data with an existing collection
I wanted to make an archive of my writing, merging content I wrote for other websites with my exising 'posts' collection. Here is how I did it.
By Rob O'Leary (13 posts)
Building pages from data in Eleventy
I've expanded the media sections I already had built to include pages generated from data using Eleventy.
By Cory Dransfeldt (46 posts)
Dynamic Content Includes
In this post, I explain how I solved two issues at the same time by introducing a feature to my post layout that Iโm calling pre and post includes.
By Chris Burnell (8 posts)
Upgraded to Eleventy v3
Putting a Class on External Links in Eleventy
Keeping Out Dark Visitors
One short data file and one tiny template to blockโฆ er, dissuade all AI scrapers and crawlers.
By Shiv J.M. (13 posts)
Create a Blog with Eleventy and Storyblok
This is a step-by-step tutorial on how to create a blog site using Eleventy and Storyblok.
By Estela Franco (4 posts)
notion2eleventy
notion2eleventy is a plugin for the Static Site Generator Eleventy (short: 11ty). It loads content from Notion into your 11ty directory. A status-based workflow ensures that only content that has changed is downloaded. The plugin is available as a Node module at npmjs.com.
By Stefan Brechbรผhl (3 posts)
Supporting a full-text RSS feed
Up until now, I've only included a short description for posts in my RSS feed, but I've changed tactics so fellow RSS perverts can choose to read my stuff in their reader of choice.
By Dustin Whisman (5 posts)
Leveraging APIs like Notion with a nice caching system
How I implemented Notion and PSN APIs in my Eleventy build for my Now and Gaming pages.
By Christopher Kirk-Nielsen (14 posts)
Building a Localised Site with 11ty, Sanity & Netlify
In this article, we'll explore how I built a localised website for a client of mine using 11ty, Sanity, and Netlify.
By Ryan Gittings (4 posts)
Handling images with B2, Netlify's image CDN, Hazel and Mountain Duck
I've spent a while hosting and fetching images from bunny.net when my 11ty builds. I had multiple pull zones configured and wanted to leverage bunny.net's transforms, but the pricing of $15/month per zone wasn't feasible.
By Cory Dransfeldt (46 posts)
Surfing The Web And Sharing What I Find
How I surf the web, manage my online bookmarks and share exciting hyperlinks with the community.
By fLaMEd (10 posts)
Notifications for New Eleventy Posts in GitLab - Part 2
An implementation for identifying new posts in an Eleventy site built on GitLab pages and sending post-specific notifications (part 2 of 2).
By Aaron Goldenthal (4 posts)
Deploying An 11ty Project To Shared Hosting
Forget the usual suspects for your website hosting. You should consider shared hosting for your next 11ty project.
By fLaMEd (10 posts)
Improving page load times with pagination in Eleventy
This is probably a very obvious one for everyone; the less content on the page, the quicker it will load.
By Thomas Rigby (8 posts)
Eleventy Nested Pagination
Eleventy (the cool static site generator) has a great feature called Pagination which allows you to iterate over a list of things in chunks and produce multiple output files. As I was migrating this very site over to Eleventy, I found I needed to perform a double pagination. This is when, during pag
By Alistair Deneys (2 posts)
Blockin' Bots with Eleventy
Rebuilding My Developer Portfolio with Eleventy
I recreated my developer portfolio and blog from scratch with Eleventy.
By Helen Chong (7 posts)
Fixing a typo shaved 4 minutes off my Netlify build time
Notifications for New Eleventy Posts in GitLab - Part 1
An implementation for identifying new posts in an Eleventy site built on GitLab pages and sending post-specific notifications (part 1 of 2).
By Aaron Goldenthal (4 posts)
Enhancing pagination with a page selector
I've made a change to my site's pagination wherein I've enhanced the page count displayed at the bottom of my home and links pages to display the page count in a select element. The select displays a list of all the pages and navigates to the selected page.
By Cory Dransfeldt (46 posts)
2024 redesign
Highlight Code Block Lines In Eleventy with Shiki Twoslash
Eleventy Markdown code block line highlighting made simple
By Henry Bley-Vroman (4 posts)
Numbered Code Block Lines in Eleventy with Shiki Twoslash
Bringing in a third-party library for easy, reliable line numbering
By Henry Bley-Vroman (4 posts)
Thirteenth place on Eleventy Leaderboards
My site got to thirteenth place on Eleventy Leaderboards with perfect Lighthouse scores.
By Silvestar Bistroviฤ (3 posts)
Eleventy Layout and Template Files: A Complete Guide
Understand the basic concepts of Eleventy Layouts and Templates. Learn how the 11ty static site generator utilizes them in your Eleventy site.
By Danial Zahid (6 posts)
How I shaved 1.5 minutes off my Eleventy build time
I had a revelation earlier today that solved a long-standing performance issue Iโve been having with the initial build of my Eleventy website, and hereโs how it saved me a bunch of time!
By Chris Burnell (8 posts)
Create an Interactive TOC from Markdown-Generated Content
Create an interactive TOC for Markdown in Static Site Generators using the Intersection Observer API.
By Jonathan Lau (2 posts)
Building a Live Preview with Eleventy, Contentful, and Liquid Templating
As a part of the marketing team at Heyflow, I collaborate with people who work on the companyโs website. Although all team members are technically acquainted, sometimes they struggle to update the website. The struggle is not being able to visualize what will change on the page when updating the con
By Silvestar Bistroviฤ (3 posts)
Webmentions Web Component
I got overwhelmed by build steps and decided to fetch my webmentions through a web component.
By Troy V (1 post)
Creating a Reading List with Eleventy and Omnivore
This website includes my personal reading list now. It was built using Eleventy and Omnivore, an approach described in this article.
By Tom Doe (10 posts)
Generating Open Graph preview images for 11ty
Generated Open Graph images, without driving a browser. Here is how I made mine.
By John Hobbs (4 posts)
Lightweight search in Eleventy
I've been using Pagefind for my site search for a while now and would readily recommend it, but I wanted to throw together something a bit lighter weight and customizable.
By Cory Dransfeldt (46 posts)
Generating Eleventy Post Descriptions Using Generative AI
Using Generative AI to automatically generate post descriptions is a great way to save time and ensure consistency across your site. By leveraging tools like ChatGPT, you can quickly create engaging summaries that entice readers to click through and read more. The Describer GenAI extension for Visua
By John M. Wargo (45 posts)
11ty collections tag links
Adding tag links to Eleventy posts for better topic navigation and solving an issue with multiple tags by iterating through them to create proper links.
By Simon Cox (16 posts)
Automate Your Static Site Rebuilds with Netlify Scheduled Functions
Effortlessly automate regular website updates for your static site using Netlify scheduled functions. Set it and forget it - never worry about manual updates again!
By Marc Littlemore (4 posts)
Eleventy excerpts
Everybody seems to implement their own way of generating post excerpts in Eleventy, and here's mine.
By Martin Gunnarsson (9 posts)
Group posts by year in Eleventy.js
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
By Jordan Kohl (8 posts)
Automatic image pre-processing in Eleventy, Part 2
A post about the new automatic template image scaling support in Eleventy Image 4.0.0.
By Martin Gunnarsson (9 posts)
How I Eleventy
Documenting a refactor that introduced a folder structure and configuration changes, which summarises how I Eleventy.
By Declan Byrd (2 posts)
Using an Eleventy event to optimize component JavaScrip
I've added a small event to optimize web component JavaScript when my site builds.
By Cory Dransfeldt (46 posts)
Surfacing most used tags in Eleventy
I made some lightweight design changes to my site, keeping things simple but moving the date up above post headers, surfacing tags below and restoring `Read more` links.
By Cory Dransfeldt (46 posts)
Importing bookmarks to 11ty with the Pocket API
Pocket offers an API with which the saved bookmarks can be used and customized. I make use of this and save the data in a bookmark post on stebre.ch. Bookmarks with a specific tag are taken into account. After processing, the link saved on Pocket is archived.
By Stefan Brechbรผhl (3 posts)
Draft Posts in Eleventy
How to Build a Serverless Guestbook
An article about building a serverless guestbook for a static website.
By Tom Doe (10 posts)
Adding inline SVGs to Eleventy.js
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
By Jordan Kohl (8 posts)
Eleventy - Group posts by year
A common organisation pattern for a blog is to group posts by year. I will show you how to do this efficiently and succinctly in JavaScript.
By Rob O'Leary (13 posts)
Math equations with Eleventy using TeXZilla
I demonstrate how to make MathML equations using LaTeX markup with TeXZilla.
By Sami Mรครคttรค (6 posts)
Building My Comics Page
How I built my comics page using League of Comic Geeks, a NodeJS module and Eleventy.
By fLaMEd (10 posts)
Deploy an Eleventy site to Cloudflare Pages efficiently with GitHub's action cache
Deploy an Eleventy site to Cloudflare Pages efficiently with GitHub's action cache I have wanted to move this site from Netlify for a while now, but the recent news about their bandwidth p...
By Jonas Brusman (1 post)
Unveiling the Marvels of 11ty's WebC
Are you ready to dive deep into the world of web development and discover a game-changing tool that will revolutionise the way you build websites?
By Ryan Gittings (4 posts)
Search, Webmentions and microformats
Iโve made some updates on my website - letโs talk about them. I added a search functionality with Pagefind, Webmention support both directions and microformats to my blog posts.
By Juha-Matti Santala (22 posts)
Elevating Video Transcripts as Searchable Content
A post by Zach Leatherman (zachleat)
By Zach Leatherman (55 posts)
Updating 11ty to enjoy ESM
I updated the version of 11ty I use for this blog to the current alpha, to switch from CJS to ESM.
By Tobias Fedder (7 posts)
THE Eleventy Meetup Feb 20th
We had a lovely meetup with the Eleventy community. I talked about building meetup community sites utilizing Global Data Files and Robb talked about how he builds his website with Eleventy, pulling data in from various sources.
By Juha-Matti Santala (22 posts)
Eleventy: custom markup alongside item contents
Short and quick tutorial on how to embed custom HTML content between post paragraphs on an Eleventy site.
By ลukasz Wรณjcik (2 posts)
Weaving music data in and out of my personal website
I started integrating music data into my personal website when I added Last.fm artist and album displays to my now page. Initially, I tried sourcing artist images from a few different services, knowing that Last.fm had updated their API to stop serving them. After a fair bit of searching I found tha
By Cory Dransfeldt (46 posts)
Intro: Bukmark.club
Introducing a new side project: I built a directory of websites that provide a curated collection of bookmarks and/or links to other websites.
By Tom Doe (10 posts)
Using Eleventy to Gobble Up Everything I Do Online
A blog post about how my site works based on a talk I did at the Eleventy meetup
By Robb Knight (20 posts)
Building a bespoke now-playing web component
I've long had a now playing element on the home page of my site that displays either what I've checked into on Trakt, the Lakers' record and who they're playing when a game is on or the last song I've listened to. After leveraging some new web components on my site, I decided to
By Cory Dransfeldt (46 posts)
Refactor by shortcode
I decided to take on some overdue refactoring of the 11tybundle.dev site. Here's what I did.
By Bob Monsour (20 posts)
Using Eleventy to Gobble Up Everything I Do Online
Using B2 as a JSON data store
My links page is powered by the Readwise Reader API but because there are, quite reasonably, rate limits in place, I've gone ahead and reduced the page count I fetch on each build and cached older link data from past builds in a B2 bucket.
By Cory Dransfeldt (46 posts)
@fec/eleventy-plugin-asset-pipeline: Better Cache Busting with Eleventy
I have created an Eleventy plugin to easily implement cache busting and asset handling.
By Florian Eckerstorfer (9 posts)
Publishing from Obsidian using 11ty
DeepakNess is an internet generalist who likes learning and working on a mix of things across AI, tech, programmatic SEO, marketing, and more.
By DeepakNess (4 posts)
Local links in Eleventy, Part 2
Eleventy now support automatic transforms from local paths to output URLs right out of the box.
By Martin Gunnarsson (9 posts)
Setting up image transforms in Eleventy
Eleventy added a transform option to process images in Eleventy v3.0.0-alpha.5 and Image v4.0.1 so, naturally, I had to set it up on my site. If you don't want to read this post, you can check out the full diff for the changes.
By Cory Dransfeldt (46 posts)
Eleventy ๐ค Immich
How to connect Eleventy and Storyblok
This is a step-by-step tutorial on how to query data from Storyblok to use it in an Eleventy project.
By Estela Franco (4 posts)
LESSONS LEARNED MOVING ELEVENTY FROM COMMONJS TO ESM
Added Folder Selection to My New Post Utility
Added an enhancement to my Eleventy New Post utility to support choosing the target folder during post creation.
By John M. Wargo (45 posts)
Check if images are available before optimizing in Eleventy
How to check if a remote image is available before attempting to optimize it using @11ty/eleventy-img.
By Cory Dransfeldt (46 posts)
Assigning an active page in Eleventy navigation
A small tip for computed navigation, when the URL structures donโt all match.
By Anita Cheng (1 post)
Connect 11ty with Notion
Fรผr stebre.ch und bisher zwei weiteren Websites habe ich mir etwas neues ausgedacht. Da verwende ich neu den lieb gewonnen Static Site Generator 11ty in Kombination von Notion, einem vielseitigen Content Tool in der Cloud.
By Stefan Brechbรผhl (3 posts)
Slashing by caching
I've reduced the build time for the 11ty Bundle site from 30 seconds to 10 seconds. Here's how.
By Bob Monsour (20 posts)
Different favicon for development build
How to make tabs in the browser always show which build youโre working on.
By Nikita Dubko (1 post)
Eleventy - Get autocompletion and doc info in your eleventy config in VS Code
In VS Code, you don't get autocompletion in your eleventy config. You don't get info about functions when you hover over them. Here is how you add it.
By Rob O'Leary (13 posts)
Low-tech Eleventy Categories
Eleventy has built-in tagging and collections capabilities that Iโm riffing on to show you how to build a super simple category system with RSS feeds for each one.
By Andy Bell (3 posts)
๐ป Emoji URLs and 11ty Webmentions
Community websites with Eleventy
With Eleventyโs data files, Iโve come up with a good setup to build landing pages for communities that organize events.
By Juha-Matti Santala (22 posts)
Eleventy - Create a global production flag
A production flag enables you to run activites in production only e.g. minifying assets. There isn't a built-in flag in eleventy. How can we add one?
By Rob O'Leary (13 posts)
Using 11ty to generate Open Graph images
Creating an OPML File for my Blogroll
How I'm creating OPML files for my blog, and pod, rolls so people can subscribe to all of the sites in one go
By Robb Knight (20 posts)
Sending Webmentions after Deploying to Azure Static Web Apps
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
By Chris McLeod (7 posts)
Buttondown with 11ty on Netlify with GitHub
A look at how Fudge Sunday ๐ค๐ก๐คฏ๐ค newsletter gets made each week
By Jay Cuthrell (2 posts)
Super fast responsive image loading in Eleventy
Automatically optimise and serve images by type and size in Eleventy.
By Eystein Mack Alnaes (2 posts)
Update: Tags Are Back
This website used to have tags. They were gone for about 3 years, but they're back now.
By Tom Doe (10 posts)
Fetching Package Dependents from GitHub
Using linkedom to grab all repositories that are depending on my post graph plugin
By Robb Knight (20 posts)
Adding webmentions to my site
I had told myself that I wouldn't do this...but, seeing them on other people's sites changed my mind.
By Bob Monsour (20 posts)
A Simple Guide to Redirects on Neocities with Eleventy
We need more tutorials for using Eleventy outside of Netlify. Lets take a look at setting up redirects on Neocities with Eleventy.
By fLaMEd (10 posts)
Detecting Markdown titles with Eleventy
By Lewis Dale (5 posts)
Hiding Future Posts in Eleventy
Describes how to hide posts with a future publishing date in an Eleventy site.
By John M. Wargo (45 posts)
Link blogging using Readwise Reader
Adding Site Search to Eleventy with pagefind-search
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
By Chris McLeod (7 posts)
Right here, right now
A brief explanation of the way I built the "Right now" box on my homepage.
By Martin Gunnarsson (9 posts)
Eleventy Resume Builder
Despite searching the internet, I couldn't find a quick starter for my online resume project, not even on the official 11ty start page. Consequently, I decided to invest some time in creating one and making it available as a starter project for a broader audience.
By Gurpreet Singh (1 post)
Eleventy Photo Gallery
How I used JPEGs as templates in Eleventy to build a photo gallery
By Evan Sheehan (8 posts)
Minifying and compressing text files to reduce load
I am continuing to catch up with the technical basics for a modernโday website. This time I add minification and compression to my 11ty build and the Caddy configuration.
By Tobias Fedder (7 posts)
Deploy 11ty Site Using Rsync
Step-by-step guide for a deployment of your 11ty blog using rsync, npm deploy scripts and optimization for an efficient workflow.
By Moritz Giessmann (1 post)
2023
Building robots.txt from a simple API endpoint
Automatic pre-processing of post images in Eleventy
A brief description of how I set up automatic image scaling in Eleventy.
By Martin Gunnarsson (9 posts)
Eleventy File List Plugin
Describes an Eleventy plugin I created that enables a site to display a list of downloadable files.
By John M. Wargo (45 posts)
Customizing external links with Eleventy
How to modify external links by post-processing HTML in Eleventy.
By Martin Gunnarsson (9 posts)
Another Approach to Webmentions in Eleventy
A quick and dirty way of using Eleventy Fetch and Liquid to display webmentions on your site.
By Michael Bishop (2 posts)
LastFM Recently Played with Eleventy
How I'm using Eleventy Fetch to display my recently played tracks from LastFM.
By Michael Bishop (2 posts)
Generating and Caching Open Graph Images with Eleventy
How I'm caching my open graph images with eleventy-plugin-og-image instead of generating them on every build
By Robb Knight (20 posts)
Adding a GitHub Repository List to an Eleventy Site (part 2)
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.
By John M. Wargo (45 posts)
Building a multi-language Taylor Swift Fan Site with CloudCannon and Eleventy (Zach's version)
Adding a GitHub Repository List to an Eleventy Site
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.
By John M. Wargo (45 posts)
Eleventy Post Graph Plugin
Generate Github-style post distribution graph for your blog posts in Eleventy
By Robb Knight (20 posts)
Generating Open Graph Images in Eleventy
Autogenerating image previews with Eleventy filter functions and node-canvas
By nonnullish (3 posts)
Syntax highlighting code in Eleventy posts
A quick tutorial about how to enable syntax highlighting of code blocks in Eleventy posts
By Martin Gunnarsson (9 posts)
Add a Sitemap (sitemap.xml) for Your Eleventy Website
Learn how to add an XML sitemap file for your Eleventy website. A complete tutorial for creating sitemap.xml for 11ty site.
By Danial Zahid (6 posts)
Add high-performance search to static sites with PageFind
The concise guide to using Pagefind for your static siteโs search functionality.
By Henry Bley-Vroman (4 posts)
Moving W3Things from WordPress to 11ty
Migrating W3Things from WordPress to 11ty (Eleventy) static site generator. Sharing the site transfer experience and more.
By Danial Zahid (6 posts)
Letโs create a microblog with visual editing using Bookshop and Eleventy
Visual editing is table stakes for a modern content management workflow.
By Zach Leatherman (55 posts)
Adding pagefind to my Eleventy personal site
I've been wanting to add search functionality to this site for a while. Pagefind made it simple.
By Bob Monsour (20 posts)
Programmatically importing your Last.fm listening data to ListenBrainz
I love Last.fm, but in the interest of redundancy, Ive started programmatically importing my listening data from Last.fm into ListenBrainz.
By Cory Dransfeldt (46 posts)
Let's update the 11ty Edge Dark Mode Toggle
Using navigator.sendBeacon to toggle dark mode with 11ty Edge functions and Netlify
By Ginger (7 posts)
Adding Music Previews to My Now Page
How I added a simple audio preview to my recent Spotify tracks.
By Raymond Camden (104 posts)
DoubleShift
A small idea to check how many actors have been in both Scrubs and Grey's Anatomy turned into a much bigger thing
By Robb Knight (20 posts)
Grouping posts by year with nunjucks in Eleventy
Automating my site update with gitlab ci/cd
Where I describe a ci/cd configuration to deploy an 11ty blog to neocities
By Grigรธr (2 posts)
Popular Pages with Eleventy and Fathom Analytics
How I'm using the Fathom API to show a list of popular blogs posts in my Eleventy site
By Robb Knight (20 posts)
Generating the Firehose page on the 11tybundle site
Here's how the Firehose page of the 11tybundle.dev site is built.
By Bob Monsour (20 posts)
Excluding Livestreams from the YouTube Data API in JavaScript
The YouTube API doesn't exclude past livestream videos from a playlist on its own. Here's how I filtered them.
By Josh Vickerson (2 posts)
Making a privacy respecting hit counter with Plausible analytics
Adding a hit counter with Plausible is private and quick using their aggregate API
By Ginger (7 posts)
A new technique for image optimization: SVG short circuiting
A post by Zach Leatherman (zachleat)
By Zach Leatherman (55 posts)
Hacking together a Tweekly.fm replacement
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.
By Cory Dransfeldt (46 posts)
Highlighting the current category in Eleventy
Highlight current parent folder using the eleventy-navigation plugin
By Eystein Mack Alnaes (2 posts)
Migrating from WordPress to Eleventy (part 1)
How to setup Agit CMS with your 11ty website
The hackable, local, markdown based CMS for the developer that doesn't want content management to be a whole thing.
By Ginger (7 posts)
Pagination in a Javacsript template with Eleventy
Here I use a javascript template to generate json data files for selected categories of the 11tybundle.dev site.
By Bob Monsour (20 posts)
Better word counts and reading time in Eleventy (11ty)
A short tutorial on how to count words and determine the reading time using Eleventy.
By Andrew Ward (5 posts)
How to find backlinks using Eleventy (11ty)
A short tutorial on how to find backlinks (pages that link to the current page) using Eleventy
By Andrew Ward (5 posts)
Cleaning up the 11ty config
Learn how to organize your 11ty config file by creating separate plugin files. Improve maintainability and readability of your Eleventy project structure.
By Simon Cox (16 posts)
My Neocities workflow: using Eleventy and the CLI to speed up development
By Whiona (1 post)
Building a photography website
Clean Up Your Config File
MooseDog Studios - Where Convention Takes A Back Seat To Quality
By Robin Hoover (4 posts)
Adding Social Preview Images To Our 11ty Blog
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
By Matthew Lettini (1 post)
TinaCMS + 11ty
Taking a deep dive into setting up a CMS for my static site with TinaCMS
By Clayton Errington (19 posts)
CloudCannon as a git based headless CMS for static site generators
Showcasing CloudCannon with 11ty as a headless CMS service
By Piotr Maliลski (3 posts)
Migrating Blogger to Eleventy
Permalink-Driven Breadcrumbs in Eleventy
An approach to add a breadcrumb navigation to your Eleventy site, utilising the permalink structure
By Oscar (3 posts)
Adding Search to an Eleventy Site Without Client-side JavaScript
Earlier this year (2023) I added a search feature 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
By Philip Renich (2 posts)
Making a lighthouse-fast website with a static site generator like 11ty
Creating an SSG flow to generate a highly optimized static website.
By Piotr Maliลski (3 posts)
Making a simple Eleventy blog template
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.
By Tomek Poniatowicz (2 posts)
Excerpts for Eleventy: My Implementation
Converting my relatively basic personal website to Eleventy has shown me how challenging it is to build a static-site generator flexible...
By Keith Carangelo (1 post)
Headless kiosk application (with Kirby CMS)
Use Kirby and 11ty to generate a headless kiosk application that works offline.
By James Steel (1 post)
Delaying asset requests in Eleventy
Simulate slow connections on your Eleventy website using dev server middleware.
By Darek Kay (5 posts)
Eleventy JSON Output
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.
By Trevor Morris (8 posts)
Scheduling Automatic Builds with Static Site Generators
Having a static site is great, but there could be times where you need to build your site on a schedule.
By Clayton Errington (19 posts)
How to add a custom slugify filter to 11ty
During my recent blog migrations, I discovered the new slugify filter handles apostrophes differently. I'd prefer they were dropped. Here are the steps.
By Michael Harley (14 posts)
Building a Blogroll with 11ty
How I created a blogroll with 11ty based off of Ben Myers solution
By Clayton Errington (19 posts)
Making Author Pages for an Academic Journal in Eleventy, or, How to Manipulate Collection Data in Eleventy
By Micah Torcellini (1 post)
Setting active state on navigation with Eleventy
In creating my portfolio site, I wanted to have dynamic elements that would add/remove classes based... Tagged with eleventy, 11ty, tutorial, portfolio.
By Adam Jolicoeur (1 post)
Build a Blogroll with Eleventy
A step-by-step guide to adding a blogroll, complete with each blogโs latest posts, to your Eleventy site.
By Ben Myers (6 posts)
Custom language syntax highlighting
Web development blog. The good, bad, and ugly (mostly bad and ugly)
By Joe Sahlsa (4 posts)
Fun With Front Matter: Part 4 - Featured Posts
How to use "featured" posts to highlight important content.
By Raymond Camden (104 posts)
Semi-automated hashtags for syndicated posts
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.
By Cory Dransfeldt (46 posts)
Creating a Category Filter in Eleventy
Now I have a few posts, it would be good to have some way to narrow them down when looking for something specific.
By Thomas Rigby (8 posts)
CloudCannon + Eleventy
Getting CloudCannon setup with your Eleventy project is easier than you think
By Clayton Errington (19 posts)
Now page: grouping episodes of the same tv show
I made a minor update to how I'm normalizing TV data for display on my now page.
By Cory Dransfeldt (46 posts)
Drying up now page templates and normalizing data in Eleventy
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.
By Cory Dransfeldt (46 posts)
Webmentions in Eleventy
There comes a time in every Eleventy blog's life where the author must write a post about implementing webmentions. Here is mine.
By David Hayes (1 post)
11ty draft posts - Set up a draft system in 11ty
Fun With Front Matter: Part 3 - Handling Edits
Another example of front matter - signifying edits (both when and why)
By Raymond Camden (104 posts)
Fun With Front Matter: Part 2 - Follow-ups
Fun With Frontmatter: Part 1 - Related Posts
A series on doing more with your Jamstack site's front matter
By Raymond Camden (104 posts)
Displaying now playing data with matching emoji using Netlify edge functions and Eleventy
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.
By Cory Dransfeldt (46 posts)
Eleventy Style Guide Generator - Step by Step buide adding to an existing site
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.
By Steven Woodson (6 posts)
Website rewrite and switching to Notion as CMS
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.
By Juha-Matti Santala (22 posts)
Pulling WordPress Post Categories & Tags Into Eleventy
Step by step guide to gathering post categories and tags from the WordPress REST API for better filtering and discoverability in an Eleventy blog.
By Steven Woodson (6 posts)
classnames
Multiline Comment โข The online journal of Ashur Cabrera
By Ashur Cabrera (8 posts)
Build your own 11ty starter
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.
By Simon Cox (16 posts)
Eleventy Category Images
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.
By John M. Wargo (45 posts)
Create Markdown Page Template With Shell Script
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.
By Jeremy Faucher (8 posts)
Interactive HTML Code Demos in Eleventy
With eleventy-plugin-code-demo, you can easily add interactive HTML, CSS, and JavaScript code demos to your Eleventy site using Markdown.
By Aleksandr Hovhannisyan (14 posts)
Formatting Obsidian markdown to render in Eleventy
Added functionality to find and replace certain Obsidian markdown with Nunjucks templates and HTML
By Thomas Rigby (8 posts)
WebC Declarative Shadow DOM Slot Workarounds
A cheeky hack to make slot elements work as expected in 11ty's WebC framework.
By Benny Powers (8 posts)
Sorting and Dating 11ty Posts by Name
Organize and automate your 11ty blog's post structure with ISO dates and some quick JavaScript.
By Benny Powers (8 posts)
Deploying an 11ty Site to GitHub Pages Using GitHub Actions
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...
By Jonathan Snook (2 posts)
Blog comments via Mastodon
After half a year of pondering, I finally wrote a bit of code to add comments to my blog via Mastodon replies.
By Juha-Matti Santala (22 posts)
Now Page: Automatically Syncing My Now Pages
Rethinking Categorization
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
By Lea Verou (4 posts)
Build a Blog with Eleventy (11ty) and Webiny Headless CMS
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.
By Maurice King (1 post)
Adding Webmentions in Eleventy
Favicon Generation In Eleventy
Building a popular posts widget in Eleventy using Plausible analytics
I took some time last week to build out a popular posts widget after seeing Zach's implementation using Google Analytics.
By Cory Dransfeldt (46 posts)
Using PDFs with Algolia and Adobe PDF Extract API
A look at using Adobe's PDF Extract API to integrate with Algolia's Search APIs
By Raymond Camden (104 posts)
Batching YAML Front Matter Updates
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).
By John M. Wargo (45 posts)
Updated Eleventy Post Stats Plugin
I published an update to my Eleventy Plugin Post Statistics plugin this morning and this article explains what changed.
By John M. Wargo (45 posts)
How I set up lastmod date in my 11ty xml sitemap
Google now want an accurate lastmod date in the xml sitemap. Here is how I set it up in my 11ty site.
By Simon Cox (16 posts)
Wrapping Eleventy Fetch in a Retry Function
Now page update: poster art for shows and movies
Combine multiple API calls and eleventy-fetch to enrich Trakt metadata with poster art.
By fLaMEd (10 posts)
Generating CSS with PostCSS and eleventy.before
I'm trying to keep the setup of my personal projects as simple as possible. Today, we're looking at how CSS is generated.
By Martin Schneider (7 posts)
Postcss 11ty Integration Update
I'm equilibriumuk, a software engineer. I write about programming & computer related topics
By equilibriumuk (19 posts)
Using Esbuild With Eleventy
I'm equilibriumuk, a software engineer. I write about programming & computer related topics
By equilibriumuk (19 posts)
Generating Summary For Atom Feed In 11ty
I'm equilibriumuk, a software engineer. I write about programming & computer related topics
By equilibriumuk (19 posts)
Removing Luxon From Eleventy
I'm equilibriumuk, a software engineer. I write about programming & computer related topics
By equilibriumuk (19 posts)
Integrating Tailwindcss With Eleventy
I'm equilibriumuk, a software engineer. I write about programming & computer related topics
By equilibriumuk (19 posts)
Markdown Image Optimization In Eleventy
I'm equilibriumuk, a software engineer. I write about programming & computer related topics
By equilibriumuk (19 posts)
Fetching webmentions with Netlify and Eleventy Edge
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.
By Martin Schneider (7 posts)
Image Optimization In Eleventy
I'm equilibriumuk, a software engineer. I write about programming & computer related topics
By equilibriumuk (19 posts)
Displaying listening data from Apple Music using MusicKit.js
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.
By Cory Dransfeldt (46 posts)
Generating Slug Using Date & Title In 11ty
I'm equilibriumuk, a software engineer. I write about programming & computer related topics
By equilibriumuk (19 posts)
Adding game cover art to my /now page
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.
By fLaMEd (10 posts)
Creating Bootstrap WebC Components in Eleventy
Using WebC to make working with Bootstrap simpler.
By Raymond Camden (104 posts)
WordPress to Eleventy - Part 2, The How
For years my personal website used WordPress, now it's using Eleventy and this is how I migrated it
By Chris Smith (2 posts)
Eleventy tag filter
Web development blog. The good, bad, and ugly (mostly bad and ugly)
By Joe Sahlsa (4 posts)
Bookshop 11ty Guide
Learn how to build a live-editable website using Eleventy and Bookshop on CloudCannon.
By CloudCannon (7 posts)
File Last Modified Is Available
MooseDog Studios - Where Convention Takes A Back Seat To Quality
By Robin Hoover (4 posts)
Integrating JSON-LD Into Your Eleventy Pages
MooseDog Studios - Where Convention Takes A Back Seat To Quality
By Robin Hoover (4 posts)
From ICS to JSON: surfacing anticipated albums
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.
By Cory Dransfeldt (46 posts)
Using Goodreads Data in Eleventy - Update
A followup to my previous article on Goodreads and Eleventy
By Raymond Camden (104 posts)
Fast and Easy CSS Revisioning
MooseDog Studios - Where Convention Takes A Back Seat To Quality
By Robin Hoover (4 posts)
Optimizing for performance with Eleventy
In the interest of over-engineering my personal site I've gone out of my way to optimize it for performance.
By Cory Dransfeldt (46 posts)
Using Goodreads Data in Eleventy
An example of using exported Goodreads data in an Eleventy site.
By Raymond Camden (104 posts)
11ty image shortcode best practice
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.
By Simon Cox (16 posts)
Generating Eleventy Category Pages Inside Eleventy Build
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.
By John M. Wargo (45 posts)
Interactive demos inside articles
This article touches how I embed interactive code demos into my blog articles.
By Lea Rosema (4 posts)
Eleventy Paginated Category Pages
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).
By John M. Wargo (45 posts)
Adding client side search to a static site
Creating a site-search function that doesn't rely on external services
By Tom Hazledine (3 posts)
Eleventy Displaying Posts from Another Site
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.
By John M. Wargo (45 posts)
I hooked up Eleventy to WordPress API
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 [
By Andy Bell (3 posts)
Remove trailing slash on 11ty S3 hosted sites using Cloudfront function
How to rewrite the Cloudfront request so trailing slashes are redirected to the non-trailing slash URI using a Cloudfront function.
By Martin Hicks (2 posts)
Generating Post Batches in Eleventy
This article describes a Node command-line utility I created to generate batches of new posts in an Eleventy site.
By John M. Wargo (45 posts)
Automating Eleventy Post Creation
Describes a utility I created to automate creating a new post in an Eleventy site.
By John M. Wargo (45 posts)
Eleventy Site Statistics
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.
By John M. Wargo (45 posts)
Fetching & caching data from Airtable in my 11ty site
CSS workflow and cache busters in 11ty
Now page update: favorite articles from Matter
I dropped in a quick update to my now page to display the 5 most recent articles from my favorites feed in Matter.
By Cory Dransfeldt (46 posts)
Meta Description and Keywords in Eleventy
This article describes how I added HTML Keywords to an Eleventy site.
By John M. Wargo (45 posts)
Eleventy Extra Spaces in Category List
I noticed that the category lists on this site had an extra space before and after the comma and set out to fix it.
By John M. Wargo (45 posts)
Unit Test 11ty Pages With Vitest and Typescript
Unit testing 11ty JavaScript templates with Vitest and Typescript
By Khalid Abuhakmeh (3 posts)
Eleventy Enhanced Pagination Navigation Buttons
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.
By John M. Wargo (45 posts)
Pseudorandom numbers in Eleventy
Create deterministic series of random numbers for generative arts
By Lea Rosema (4 posts)
How To Craft a Stylish Static Website with Eleventy (11ty)
Learn how to use Eleventy to craft a stunning and functional static portfolio website without needing a server-side language or database.
By Joel Olawanle (1 post)
Automated workflows for websites
In this article, I'm writing about automated workflows I added to this blog.
By Lea Rosema (4 posts)
Building and Automating My Now Page
Wrapping Emoji in your 11ty build
Wrap emoji with accessible and semantic HTML, without breaking your pages
By Benny Powers (8 posts)
SVG Icon Sprites in Eleventy
Accessible anchor permalinks
Builder.io's Partytown with 11ty
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.
By Murtuzaali Surti (5 posts)
Awesome Algolia Updates (and some fixes here...)
News about Algolia's free tier changes and some fixes here.
By Raymond Camden (104 posts)
Blogging with Eleventy
Adding a blog to this website (which you are now reading)
By Bill Horsman (1 post)
.env files in Eleventy
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.
By Cory Dransfeldt (46 posts)
Automating Algolia Index Updates
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.
By John M. Wargo (45 posts)
Smart Incremental Rebuilds With eleventyImport
Ensure templates that display content from collections, like a blog index, rebuild when associated collection content changes.
By Stephanie Eckles (21 posts)
Displaying Build Details in an Eleventy Site
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.
By John M. Wargo (45 posts)
Alphabetising Glossary Terms
Blog and general digital garden of the full stack programmer Simon Dann.
By Simon Dann (11 posts)
Should I upgrade to Eleventy 2.0?
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?
By Rob O'Leary (13 posts)
Generating Custom OpenGraph Cards with Gatsby and the 11ty Screenshot Service
By Matt Steele (3 posts)
Using the Codeberg CI
Using Codeberg CI to build 11ty based static sites to push to Codeberg Pages
By Clayton Errington (19 posts)
Hiding drafts and future posts in Eleventy.js
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
By Jordan Kohl (8 posts)
Bringing my omg.lol Now page into Eleventy
By Lewis Dale (5 posts)
Font Subsetting with Eleventy.js
Blog and general digital garden of the full stack programmer Simon Dann.
By Simon Dann (11 posts)
Running Eleventy Serverless On AWS Lambda@Edge
Eleventy is great. Itโs a static site generator written in JavaScript, for โFast Builds and even...
By Gabi Dobocan (1 post)
Supporting PDF Embeds in an Eleventy WebC Component
Adding support for the Adobe PDF Embed with an Eleventy WebC Component
By Raymond Camden (104 posts)
Slotted content in Eleventy
Fill slots in an HTML layout with chunks of Markdown content.
By Dan Cฤtฤlin Burzo (6 posts)
Upgrading to Eleventy 2.0.0
A step-by-step for an incredibly easy process, again.
By Dana Byerly (8 posts)
Filtering tags within Eleventy.js collections
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
By Jordan Kohl (8 posts)
Building a Mastodon Bot Listing Page in Eleventy
Adding a Table of Contents to dynamic content in 11ty
Code that introduces automated anchor links to headlines in Eleventy dynamic-loaded content. Improves accessibility and makes content sharing easier!
By Steven Woodson (6 posts)
Setup GitLab Review Apps with Eleventy
A technique to setup GitLab Review Apps for an Eleventy site, allowing a unique preview for each merge request.
By Aaron Goldenthal (4 posts)
Using Rmarkdown with Eleventy
Using shiki with 11ty
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.
By Raphael Hรถser (4 posts)
Code for copying code: the Eleventy edition
Hereโs a workaround for including โcopyโ buttons in code blocks built by Prism-based syntax highlighting in Eleventy.
By Bryce Wray (26 posts)
A Step-by-Step Guide to Sorting Eleventy Global Data Files by Date
Step-by-step guide to date-based global data sorting in Eleventy, including automated by file last modified and manually via a data property
By Steven Woodson (6 posts)
Adding tag list with post count to Eleventy.js
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
By Jordan Kohl (8 posts)
Improving Syntax Highlighting
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.
By Raphael Hรถser (4 posts)
11ty, nunjucks, tag counts
Adding posts by tag to Eleventy.js
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
By Jordan Kohl (8 posts)
Cheaply Rebuilding an 11ty site on Netlify
Save money and build minutes while rebuilding your 11ty site using GitHub Actions and the netlify CLI
By Benny Powers (8 posts)
How to programmatically add tags to posts in 11ty
Blog and general digital garden of the full stack programmer Simon Dann.
By Simon Dann (11 posts)
Adding a basic search to a static site
A simple solution to having a search feature on a static website
By Clayton Errington (19 posts)
Adding dynamic read time to Eleventy.js
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
By Jordan Kohl (8 posts)
Adding stub posts
Blog and general digital garden of the full stack programmer Simon Dann.
By Simon Dann (11 posts)
Building A Membership Site With 11ty
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.
By Stephanie Eckles (21 posts)
Adding Wiki Links to 11ty
Blog and general digital garden of the full stack programmer Simon Dann.
By Simon Dann (11 posts)
Components with Nunjucks and 11ty
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.
By Jeremy Faucher (8 posts)
Adding Tina CMS to 11ty
Looking for a NetlifyCMS alternative to commit changes to the same repo, I stumbled upon TinaCMS
By Mike Street (13 posts)
Plop in Automation
How I use npm to automate the inner workings of my website and within other projects
By Clayton Errington (19 posts)
Better Looking Dates in Eleventy: Jan 01 2023 --> Jan 1st 2023
By default, the default readableDate in Eleventy will output dates like: Dec 03 2022. Let's do better... Tagged with ui, design, webdev, productivity.
By Daniel Morgan (1 post)
Using PageFind with Eleventy for Search
How to use PageFind to implement search for an Eleventy site
By Robb Knight (20 posts)
2022
From Notion to Eleventy, but faster
Drafts and timestamp-based publishing in Eleventy
Exercise more control over when, and if, your posts appear.
By Bryce Wray (26 posts)
Using Fontsource With 11ty
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.
By Murtuzaali Surti (5 posts)
Adding Download Support in an Eleventy Site
An example of adding download resources to an Eleventy site
By Raymond Camden (104 posts)
Track data across builds in 11ty
Eleventy asset pipeline: precompiled assets without Gulp
Precompiled Sass and JS files that become part of the source folder.
By Christopher Kirk-Nielsen (14 posts)
Support External Articles in an Eleventy Blog
Adding a method to list external articles in an Eleventy blog
By Raymond Camden (104 posts)
Some Options for Timing Pages in Eleventy
Adding a Stripe cart to a static Eleventy website with LiveState: Part 1
We solve digital problems through custom software development and design for the webโapps, mobile, desktop and devices.
By Chris Nelson (1 post)
Quick LiquidJS + Eleventy Example - All Posts
Some quick things I learned about Liquid when building an "All Posts" page.
By Raymond Camden (104 posts)
Creating image galleries in eleventy(11ty) with elventy-img
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.
By Prabashwara Seneviratne (1 post)
Eleventy, Markdown, and Tailwind CSS
English software developer based in Seattle.
By Matthew Tole (1 post)
Building an Eleventy Starter Template Series
In this series, learn how to construct your own starter template for Eleventy so you can start your future projects sooner.
By Dustin Whisman (5 posts)
Integrating Cloudinary into Eleventy
A look at integrating Cloudinary image processing with Eleventy
By Raymond Camden (104 posts)
Word count and reading time in Eleventy
Want to give your readers an idea of whatโs ahead? Hereโs some code to make that no biggie.
By Bryce Wray (26 posts)
Using Puppeteer with 11ty to automate generating social share images
Blog and general digital garden of the full stack programmer Simon Dann.
By Simon Dann (11 posts)
Get good Git info from Eleventy, too
While per-page Git data is built into Hugo, a little code can bring it to Eleventy, as well.
By Bryce Wray (26 posts)
A truly fetching utility for Eleventy
While trying to make things work equally well in multiple repos, I discover the value of an Eleventy plugin Iโd previously ignored.
By Bryce Wray (26 posts)
Processing images linked from frontmatter with eleventy-img to use in meta tags
Static embeds in Eleventy
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.
By Bryce Wray (26 posts)
Eleventy within Eleventy to compile when you compile: precompiling reused assets
Pre-compile some reused assets to avoid repeating the same operation.
By Christopher Kirk-Nielsen (14 posts)
Adding Social Share Links in Eleventy
A quick example of adding social sharing links to your Eleventy site
By Raymond Camden (104 posts)
11ty Second 11ty: Creating Template Filters
This week, weโre going to dive into 11ty filters. Weโll use 1 built-in filter, and make 2 custom filters.
By Bryan Robinson (15 posts)
Support Draft Blog Posts in Eleventy
A look at various ways of supporting draft posts with Eleventy
By Raymond Camden (104 posts)
Using Eleventy transforms to render asynchronous content inside Nunjucks macros
11ty Second 11ty: Global Data files (JS and JSON)
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.
By Bryan Robinson (15 posts)
WordPress & Eleventy part two: Eleventy
Some considerations for using WordPress as a headless content management system for Eleventy.
By Dana Byerly (8 posts)
WordPress & Eleventy part one: WordPress
Some considerations for setting up WordPress to use with Eleventy.
By Dana Byerly (8 posts)
Add Netlify CMS to an existing 11ty site
Learn to add Netlify CMS to an existing 11ty site to make editing your posts easier
By Mike Street (13 posts)
Generating Zips in an Eleventy Site
An example of providing zipped resources in an Eleventy site.
By Raymond Camden (104 posts)
Adding Custom Anchors to Headings in Markdown - Eleventy
Anchors are nothing but id attributes applied to an element to link to it using href attribute internally on the same page.
By Murtuzaali Surti (5 posts)
I18n of URLs
Zach Leatherman asked what style of internationalization you'd prefer (explicit or implicit) and my response just doesn't fit in 280 characters.
By Raphael Hรถser (4 posts)
Eleventy - Shortcode for Embedding Codepen
Don't know what eleventy is? Before you read further, check out this amazing series of articles by... Tagged with webdev, javascript, beginners, eleventy.
By Murtuzaali Surti (5 posts)
Reading Comic Books in the Jamstack
Adding support for digital comic books to your Jamstack site
By Raymond Camden (104 posts)
Related Content by Day of Year in Eleventy
A demonstration of how to get content published on the same day in the past.
By Raymond Camden (104 posts)
Logging in Eleventy
How to use the debug package to output custom log messages alongside of Eleventyโs logs in your Eleventy build.
By Evan Sheehan (8 posts)
Building a Quiz with Eleventy and Eleventy Serverless
Getting Tailwind to work with Eleventy
Tackling Tailwind to work with Eleventy.
By Sami Mรครคttรค (6 posts)
Generate a sitemap for your Eleventy website
How to create a sitemap for your static website built with Eleventy. Tagged with eleventy, sitemap, xml, staticsite.
By Luciano Mammino (3 posts)
Add Build Info to an 11ty Site
Expose useful information about your Eleventy build to all of your templates using global data.
By Aleksandr Hovhannisyan (14 posts)
Using the Eleventy Image plugin without a central image folder
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.
By Graham F. Scott (5 posts)
Automate syndication of your content with Eleventy, dev.to, and GitHub Actions
This started off as a test post for my talk I gave this past week at the Eleventy Meetup. Hereโs...
By Nick Taylor (2 posts)
Taming Eleventy Tags: Or How I Learned To Tolerate Double Pagination
Pagination in Eleventy is bit strange. Out of the box, Eleventy comes with support for something the developers call "pagination", but it...
By Desmond Rivet (1 post)
Creating a now page archive with 11ty
Blog and general digital garden of the full stack programmer Simon Dann.
By Simon Dann (11 posts)
Building a design system with Eleventy
How to use this flexible static site generator to create the home for digital design in your company
By Trys Mudford (2 posts)
Building a Serverless E-commerce Store with Stripe, Netlify, & 11ty
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?
By Sia Karamalegos (13 posts)
A Set of Useful 11ty Filters
Extend Eleventyโs built-in filters with custom logic for these common use cases.
By Aleksandr Hovhannisyan (14 posts)
Favicons in root with Eleventy
A simple way to get any and all favicon variations in root for an Eleventy site.
By Den McHenry (1 post)
From Notion to Eleventy part 2: Building Markdown from JSON
The ramblings of Ryan Boone, a web developer and designer from Texas with a passion for open, accessible front end development.
By Ryan Boone (3 posts)
Post to Eleventy from iOS with Drafts, Shortcuts and Working Copy
A workflow to write and publish posts from iOS to an Eleventy blog using Drafts, Shortcuts, and Working Copy.
By Florian Eckerstorfer (9 posts)
Eleventy Related Posts Using TF-IDF
Automating related posts in Eleventy with term frequency-inverse document frequency and eleventy-plugin-related.
By Justin Poehnelt (2 posts)
Responsive Images in Markdown with Eleventy Image
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.
By Tomi Chen (1 post)
Use Your Saffron Recipes in the Jamstack
Using Storybook With 11ty
Storybook is great for component-driven development. This blog post shows you how to use Storybook with 11ty.
By Paul Everitt (2 posts)
Thoughts on the Jamstack and Content Metrics
Including RSS Content in your Eleventy Site - Part 2
A follow up to my post on using RSS data with Eleventy sites
By Raymond Camden (104 posts)
Some tricks for 11ty that I learned along the way
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
By Michele Nasti (1 post)
Eleventy Progressive Web App
Generating Apple Touch Icons with Eleventy
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.
By Florian Eckerstorfer (9 posts)
Validating the HTML of an Eleventy site
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.
By Sandro Roth (2 posts)
Build a Blog With 11ty: Categories - Part 3
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.
By Jeremy Faucher (8 posts)
Build a Blog With 11ty: Base - Part 2
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.
By Jeremy Faucher (8 posts)
Build a Blog With 11ty: Setup - Part 1
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.
By Jeremy Faucher (8 posts)
Using Sanity CMS to host an image gallery for an existing 11ty site
Ignore Eleventy Files With Environment Variables
Using environment variables and the Eleventy config option to ignore files, we can exclude files or directories depending on our build process.
By Stephanie Eckles (21 posts)
Per-file commit logs with Eleventy
Using computed data and simple-git to generate file-specific changelogs.
By Max Kohler (2 posts)
Eleventy + Vue 3
Tips and tricks for using Vue 3 Single File Components as templates for Eleventy.
By Fynn Becker (3 posts)
11ty aliases the right way
A short little tutorial on how to make redirects in 11ty that aren't awful.
By Evan Boehs (2 posts)
Generate Social Image Covers With Eleventy And Node-Canvas
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.
By Rik Schennink (1 post)
Passing Object Arguments to Liquid Shortcodes in 11ty
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.
By Aleksandr Hovhannisyan (14 posts)
A 11ty Reading Time Plugin Quest
Blog and general digital garden of the full stack programmer Simon Dann.
By Simon Dann (11 posts)
Show off your Lighthouse scores as static HTML in Eleventy with the PageSpeed Insights API
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.
By Phil Wolstenholme (1 post)
SEO-Friendly URLs With 11ty
One of the first things I do after starting a new WordPress project, is clean out unneeded code.
By Jeremy Faucher (8 posts)
Eleventy (11ty) setup for multilingual component-based flexible pages
By Andrea Berardi (1 post)
Building blocks for my first Eleventy site
Different choices that go into building an Eleventy website from scratch.
By Sami Mรครคttรค (6 posts)
Including RSS Content in your Eleventy Site
Custom Markdown Components in 11ty
Ever wanted to nest Markdown in HTML? In 11ty, you can easily do this with paired shortcodes and a custom Markdown parser.
By Aleksandr Hovhannisyan (14 posts)
Serverless blog with 11ty, GraphCMS and Firebase
The idea behind this experiment was to ignore modern practices: no Vercel and the complete React... Tagged with 11ty, eleventy, firebase, graphcms.
By Tim Vermaercke (1 post)
From Notion to Eleventy part 1: The Notion API
The ramblings of Ryan Boone, a web developer and designer from Texas with a passion for open, accessible front end development.
By Ryan Boone (3 posts)
Automating some of the publishing steps for my Eleventy blog
Heres how I automated some of the tedious steps of publishing new posts on my Eleventy blog.
By Michael Harley (14 posts)
How to add npm packages for client-side use in Eleventy
It's not immediately obvious how to use npm packages in an Eleventy website front end. Here's how to do it.
By Nicholas C. Zakas (2 posts)
New store for albertoballesteros.com: Eleventy and Snipcart
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.
By Lene Saile (6 posts)
Adding QR Codes to Your Jamstack Site
Advanced 11ty: Using Objects in your UI
In this tutorial, we will be writing an async / await call and then returning its response (an... Tagged with 11ty, await, javascript, tutorial.
By Brewhouse Digital (3 posts)
Minifying JS in Eleventy on production
This tutorial is written for the 11ty framework and we will be hosting the app on Netlify. Other... Tagged with eleventy, minification, terser, 11ty.
By Brewhouse Digital (3 posts)
A Google Static Maps Eleventy Plugin
Easily Create Gravatar Images With Eleventy
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.
By Marc Littlemore (4 posts)
My complete blogging workflow
Here is my complete blogging workflow from how I manage ideas all the way to publishing and sharing.
By Michael Harley (14 posts)
Using a Google Photos Album in your Eleventy Site with Pipedream
Integrating a Google Photos Album in your Eleventy site with Pipedream
By Raymond Camden (104 posts)
Nunjucks Conditional Statement Examples for Eleventy
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.
By Jeremy Faucher (8 posts)
Using Storybook with Nunjucks components in Eleventy
Add Pagination to Your Eleventy Static Generated Website in Minutes
Learn how to add pagination to your Eleventy website for faster load times and better user experience with simple JavaScript.
By Nic Raboy (1 post)
A Guide to Building a Blog in Eleventy
A guide that walks folks through the process of building a blog with Eleventy
By Raymond Camden (104 posts)
Using the Netlify CMS locally
I have recently been building a few websites using Eleventy. This is a static site generator, built using Jamstack methodology.
By Trevor Morris (8 posts)
2021
Just Enough JavaScript for Eleventy
Want to try Eleventy, but not very experienced in JavaScript yet? You're in the right place.
By Cassey Lottman (12 posts)
How to use Contentful with Eleventy
Here's a pretty 0-60 tutorial on integrating Contentful headless content with Eleventy static site generation! I hope you think it's nice!
By Henry Desroches (2 posts)
Enabling Emoji Shortcodes in Eleventy Markdown Files
Turn on emoji shortcodes in markdown files in Eleventy by adding the markdwon-it-emoji plugin.
By Wes Goulet (1 post)
Configuring Web Fonts in 11ty with Global Data
Use global data in 11ty to create a single configuration for fonts that you can reference in your templates and CSS.
By Aleksandr Hovhannisyan (14 posts)
Managing a secrets directory in your eleventy site
Converting a simple HTML site to use Eleventy
Updated social sharing (open graph protocol) images for my personal site
Using the large social sharing images added nothing to the information being published so I've decided to stop using them.
By Michael Harley (14 posts)
Adding PDF Output Support to Eleventy
Using Eleventy transforms and Adobe PDF Services to create dynamic PDFs.
By Raymond Camden (104 posts)
Eleventy Hack/Tip/Possibly Bad Idea - Dynamic Theme Testing
Requesting YouTube API endpoint using Node and 11ty
How to request YouTube API endpoint using Nodejs standard API and Eleventy (11ty) in the frontend!. Tagged with node, eleventy, javascript, html.
By Mathieu Huot (2 posts)
Creating a (Manual) Related Posts Feature in Eleventy
How to handle post relations in Eleventy in a manual fashion.
By Raymond Camden (104 posts)
Supporting Multiple Authors in an Eleventy Blog - Follow-Up
An udate to my earlier Eleventy demo showing how to handle multiple authors
By Raymond Camden (104 posts)
How to Create and Deploy Your First Eleventy Website
Learn how to build a website with Eleventy (11ty), a static site generator that gives you simplicity and flexibility.
By Ayooluwa Isaiah (1 post)
Reply-to links in site feeds
I really love when people include Reply-to links in their RSS feed. Here are a couple options.
By Michael Harley (14 posts)
Using PDFs with the Jamstack - Building a Document Viewer
Using Adobe PDF Services to build a document viewer for your Jamstack site
By Raymond Camden (104 posts)
Adding Algolia search to an Eleventy site with Netlify
After months of struggles I finally found a relatively easy solution.
By Mike Aparicio (4 posts)
How to Separate Content from Website Code
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.
By Sean David (1 post)
Using Liquid Blocks in Eleventy Layouts
A look at using multiple blocks and having them render in Liquid templates
By Raymond Camden (104 posts)
How I Set Up a Project With Eleventy
Introduction This is a quick overview on my typical setup for an 11ty project. I really... Tagged with jamstack, eleventy.
By Nathan Blaylock (1 post)
More Work on Algolia and My Blog
An update to my fight to get search working right on my blog
By Raymond Camden (104 posts)
Using parameters in your eleventy includes with nunjucks macros
Includes are great. But for actual reusability of code, parameters are always needed. Luckily, nunjucks makes this possible with macros!
By Thomas Semmler (3 posts)
A Running Log - Garmin Connect and Eleventy
Use Eleventy to log Garmin Connect activities on a website and automate the process with Zapier and Netlify.
By Josh Crain (1 post)
Automate Netlify Redirects in 11ty
Tired of listing all of your Netlify redirects by hand? Generate them programmatically with a bit of 11ty templating magic!
By Aleksandr Hovhannisyan (14 posts)
Filter Titles for RSS and Social Shares
Replace characters that are often stripped out of post titles by RSS readers and social network link embeds
By Stephanie Eckles (21 posts)
Reusable code snippets and components in Eleventy
Some cunning ways to use Nunjucks and 11ty shortcodes for reusable blocks
By Fuzzy Logic (3 posts)
An Adobe PDF Embed Plugin for Eleventy
Eleventy users can now add a PDF Embed plugin to their sites
By Raymond Camden (104 posts)
Page Level URL Fetching with Eleventy
Structuring Eleventy projects
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.
By Jรฉrรดme Coupรฉ (10 posts)
Blog post filter with Netlify Functions
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.
By Juha-Matti Santala (22 posts)
Building a notification thingamajig with Eleventy data
Making an 11ty collection from a remote XML file
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
By Mike Street (13 posts)
Setting a conditional variable in Javascript
Software developer and team lead working remotely from Richmond, VA. Loves solving problems, grilling, tinkering with Home Assistant, metal shows, and his cats.
By Michael Harley (14 posts)
Improving my automated open graph image process w/ Eleventy
Software developer and team lead working remotely from Richmond, VA. Loves solving problems, grilling, tinkering with Home Assistant, metal shows, and his cats.
By Michael Harley (14 posts)
Improving upon my image processing with Eleventy
I recently relaunched my website and I believe I have improved upon my image processing setup using eleventy-img. Here is what I did.
By Michael Harley (14 posts)
Manage Design Tokens in Eleventy
Eleventy offers the ability to transform data, which is handy for creating and transforming design tokens
By Fuzzy Logic (3 posts)
Create an 11ty collection from any RSS feed
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
By Mike Street (13 posts)
Creating an Additive Capture Shortcode in Eleventy
Creating a capture shortcode that appends insteads of replacing
By Raymond Camden (104 posts)
Creating an 11ty collection from a JSON API
Using 11ty Global data files, you can make collections from JSON APIs, allowing you to make whole websites from one endpoint
By Mike Street (13 posts)
Dynamic Short URLs with Eleventy
Using Lunr with Eleventy via Netlify Serverless Functions - Part Two
A followup to my post demonstrating using Lunr via serverless functions
By Raymond Camden (104 posts)
Using Lunr with Eleventy via Netlify Serverless Functions
A look at using Lunr on the server side with an Eleventy web site
By Raymond Camden (104 posts)
Accessing 11ty filters within data files to keep your code DRY
11ty filters can exist as JS functions inside the declared filters directory - these can be accessed by other files not processed by 11ty
By Mike Street (13 posts)
Sanity with 11ty
By crossingtheruby (4 posts)
Building a Choose Your Own Adventure site with Eleventy
How I built a "Choose Your Own Adventure" style site with Eleventy
By Raymond Camden (104 posts)
Automatically generate open graph images in Eleventy
Bernard Nijenhuis โข Front-end Developer โข Katwijk, The Netherlands โข Father of 3 kids โข Husband to 1 wife โข Owner of 2 cats
By Bernard Nijenhuis (8 posts)
Using PurgeCSS with Bootstrap and Eleventy
Tailwind is rad but have you ever wanted a customized, slim version of Bootstrap? In this tutorial,... Tagged with eleventy, 11ty, bootstrap, purgecss.
By Brewhouse Digital (3 posts)
Adding an Email Subscription to Your Jamstack Site
Using MailChimp to provide a list service for new posts on your blog
By Raymond Camden (104 posts)
Listing posts in Eleventy when you publish offsite
Co-mingling internal and external posts takes a little extra work. Hereโs what I did
By Eric Bailey (2 posts)
How to: add Twitter and Instagram Embeds on an Eleventy website using Sanity
Cover image credits: Photo by Luismi Sรกnchez on Unsplash At Orbit, we recently rebuilt our website f... Tagged with 11ty, eleventy, sanity, jamstack.
By Nicolas Goutay (1 post)
Let's Learn Eleventy (11ty) - How to make a JavaScript bundle
In the fifth part of the Let't Learn Eleventy series, we'll learn how handle JavaScript
By Rares Portan (5 posts)
Eleventy 1.0
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.
By Martin Schneider (7 posts)
Archives & Permalinks
Get your Eleventy Site into the real world using a hosting provider like Netlify or Git pages
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
By Mike Street (13 posts)
Build an 11ty calendar to list all your posts
List all of your posts (or other collection items) in a calendar/diary format to give a timeline of your past
By Mike Street (13 posts)
Creating a feed in Eleventy
Bernard Nijenhuis โข Front-end Developer โข Katwijk, The Netherlands โข Father of 3 kids โข Husband to 1 wife โข Owner of 2 cats
By Bernard Nijenhuis (8 posts)
Building a Simple Image Gallery with Eleventy
Using the Image plugin with Eleventy to build a simple gallery
By Raymond Camden (104 posts)
Using Cloudflare workers to publish your scheduled 11ty posts
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
By Mike Street (13 posts)
How to add Netlify CMS to an existing Eleventy project
I started coding again recently and I've been working on some personal projects in Eleventy. I alrea... Tagged with netlifycms, eleventy, jamstack, beginners.
By Hanna Taylor (1 post)
Syndicating blog posts from an 11ty site to Dev.to using RSS
How I syndicate the blog posts from my website to Dev.to by providing an RSS feed for my journal page.
By Declan Byrd (2 posts)
Using SASS With Eleventy
Eleventy (11ty) is a super customisable static site generator that at its core transforms template language into HTML. However, template languages liโฆ
By John Kemp-Cruz (1 post)
Quick Tips for Eleventy and Vercel
11ty Date Shortcodes and Filters
Use this shortcode and filter as a starting point for your date transformation needs.
By Stephanie Eckles (21 posts)
Adding a favicon in Eleventy
Bernard Nijenhuis โข Front-end Developer โข Katwijk, The Netherlands โข Father of 3 kids โข Husband to 1 wife โข Owner of 2 cats
By Bernard Nijenhuis (8 posts)
Using the Eleventy image plugin to generate images
In the changelog I'm documenting modifications to this site that might be of interest, but are not necessarily my own ideas or work.
By Martin Schneider (7 posts)
Tailwind-to-head with Eleventy
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.
By Bryce Wray (26 posts)
Collection archive in Eleventy
Bernard Nijenhuis โข Front-end Developer โข Katwijk, The Netherlands โข Father of 3 kids โข Husband to 1 wife โข Owner of 2 cats
By Bernard Nijenhuis (8 posts)
Using PDFs with the Jamstack - Now with Thumbnails
Combing Adobe PDF APIs with Eleventy to create PDF Thumbnails
By Raymond Camden (104 posts)
Adding Simple Pagination to an 11ty Collection
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.
By Brian Perry (1 post)
Using PDFs with the Jamstack
Using the Adobe PDF Embed API to view PDFs on your Jasmstack site
By Raymond Camden (104 posts)
11ty and Rollup - a take on current build pipelines
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.
By Raphael Hรถser (4 posts)
Integrating Navigation Search with Lunr and Eleventy
Create an Eleventy podcast feed
Want to add an iTunes and Google friendly podcast feed to your Eleventy site? Here's how.
By Marc Littlemore (4 posts)
Group posts by year in Eleventy
Grouping blog posts by year in Eleventy
Create an archive page grouped by year (or anything you want!) using 11ty's built in pagination and a modified collection.
By James Doc (3 posts)
Let's Learn Eleventy (11ty) - Images
In the fourth part of the Let't Learn Eleventy series, we'll learn how use images with eleventy-img plugin
By Rares Portan (5 posts)
Using Pre-Built Lunr Indexes with Eleventy
Add YouTube playlists to your Eleventy site
Want to add a YouTube playlist to your Eleventy website? Read on to find out how.
By Marc Littlemore (4 posts)
Accessing Eleventy Data on the Client Side
3 Ways to Render Server-Side Components with Eleventy
While Eleventy doesn't appear to be built for today's component-driven landscape, here are three approaches we can take to get closer.
By Sean Davis (6 posts)
Automated social sharing images with Eleventy and Puppeteer
Software developer and team lead working remotely from Richmond, VA. Loves solving problems, grilling, tinkering with Home Assistant, metal shows, and his cats.
By Michael Harley (14 posts)
Setup social sharing previews, SEO, and favicons on Eleventy
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.
By Michael Harley (14 posts)
Accessible amojis with 11ty
Iโm Kitty Giraudel, a transfeminine web engineer based in Berlin, focused on accessibility and inclusivity.
By Kitty Giraudel (4 posts)
2020
Give your Eleventy Site Superpowers with Environment Variables
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
By Andy Bell (3 posts)
RSS, a love letter and walkthrough for my Eleventy site
Software developer and team lead working remotely from Richmond, VA. Loves solving problems, grilling, tinkering with Home Assistant, metal shows, and his cats.
By Michael Harley (14 posts)
Dynamic heading levels in Eleventy
While looking around a repository at something else I discovered this clever approach.
By Dana Byerly (8 posts)
Configuring responsive and optimized images with Eleventy
Software developer and team lead working remotely from Richmond, VA. Loves solving problems, grilling, tinkering with Home Assistant, metal shows, and his cats.
By Michael Harley (14 posts)
Add structured data annotations to Eleventy blog
Add structured data (JSON-LD) to enable rich snippets in Google search results.
By Max Ivanov (1 post)
Using Airtable with Eleventy
Generating Social Sharing Images In Eleventy
Standing on the shoulders of giants makes it possible to generate social sharing images with very little code.
By Steven Hicks (1 post)
Understanding Filters, Shortcodes and Data in 11ty
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.
By Mike (1 post)
Adding Google Calendar to Your Jamstack - with Pipedream
An updated demonstration of integration calendar data into your Jamstack site - with Pipedream
By Raymond Camden (104 posts)
Footnotes in 11ty
Iโm Kitty Giraudel, a transfeminine web engineer based in Berlin, focused on accessibility and inclusivity.
By Kitty Giraudel (4 posts)
Composing data in Eleventy
The ramblings of Ryan Boone, a web developer and designer from Texas with a passion for open, accessible front end development.
By Ryan Boone (3 posts)
Using a folder other than posts/ with Eleventy
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
By Eric Bailey (2 posts)
Compile Sass With Eleventy
Wert entsteht, wenn Daten auf Strategie und Kreativitรคt treffen
By Dennis Hendricks (1 post)
Asset Pipelines in Eleventy
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.
By Evan Sheehan (8 posts)
Using PostCSS for cache-busting in Eleventy
Optimizing how browsers handle your siteโs CSS, and why you should care about that.
By Bryce Wray (26 posts)
Adding a Warning for Old Posts to Your Jamstack Site
How to add a message to older content on your static site.
By Raymond Camden (104 posts)
Selecting Random Posts in Eleventy
Creating a Sitemap file with Eleventy
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
By Juan Fernandes (4 posts)
Let's Learn Eleventy (11ty) - Slots, includes and shortcodes
This is the third part of the Let't Learn Eleventy series. We'll learn how to use slots, includes and shortcodes.
By Rares Portan (5 posts)
Tips for debugging in 11ty
Some quick debugging tips that I came up with whilst building my personal blog.
By George Griffiths (1 post)
Setting up Homebrew, NPM and Eleventy on a fresh mac
Walking through setting up Homebrew on your Mac, so you can install NPM and Eleventy.
By Mike Street (13 posts)
Tracking Posts by Week in Eleventy
A quick hack to get the number of posts written per week in Eleventy
By Raymond Camden (104 posts)
Manually splitting CSS files in Eleventy
Don't want to use a bundler? Eleventy makes it easy to manually split your CSS.
By Dana Byerly (8 posts)
Add Netlify Redirects and Headers to an Eleventy Project
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.
By Sean Davis (6 posts)
Automated Open Graph images with 11ty and Cloudinary
I wanted to find a way to dynamically generate a unique Opengraph images for each blog post automatically using post data, Cloudinary API & Eleventy
By Juan Fernandes (4 posts)
Add a generator meta tag to your Eleventy website
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.
By Luciano Mammino (3 posts)
Generate CSV Files from Data with 11ty
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.
By Fershad Irani (3 posts)
Hooking Up FaunaDB to Eleventy
Father, husband, developer relations and web standards expert, and cat demo builder.
By Raymond Camden (104 posts)
Eleventy: RSS Feeds and Front Matter Data
Getting front matter data into my Nunjucks RSS feed templates.
By Mark Llobrera (7 posts)
Supporting Multiple Authors in an Eleventy Blog
How to handle multiple authors in Eleventy, with custom author profile pages.
By Raymond Camden (104 posts)
A Community-Driven Site with Eleventy: Building the Site
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
By Stephanie Eckles (21 posts)
A Community-Driven Site with Eleventy: Preparing for Contributions
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
By Stephanie Eckles (21 posts)
Add a Static Directory to an Eleventy Project
Copy static files from a directory into the root of the build directory with Eleventy.
By Sean Davis (6 posts)
Migrating from Node and Express to the Jamstack - Part 3
Father, husband, developer relations and web standards expert, and cat demo builder.
By Raymond Camden (104 posts)
Hiding Future Content with Eleventy
How to use custom filters and collections to hide Eleventy content for the future.
By Raymond Camden (104 posts)
How to show your template code in 11ty blog posts
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.
By Bryan Robinson (15 posts)
How to generate ID attributes in headings using Eleventy
Eleventy doesn't generate heading IDs by default, here's how to do it.
By Nicholas C. Zakas (2 posts)
Adding Algolia Search to Eleventy and Netlify
How I added Algolia Search to an Eleventy Site
By Raymond Camden (104 posts)
Adding Algolia Search to Eleventy and Netlify - Part Two
An update to my post on using Algolia with Eleventy
By Raymond Camden (104 posts)
Building and maintaining components from utility classes in Eleventy
Use a collection of utilities to form components without additional CSS.
By Christopher Kirk-Nielsen (14 posts)
Eleventy โ Using A Layout As A Partial (The Most Useful Things...)
By Deniz Akลimลek (1 post)
Climbing the 11ty Performance leaderboard with Cloudinary, critical CSS and more
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!
By Bryan Robinson (15 posts)
Testing my Eleventy-website with Cypress and Netlify
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.
By Martin Schneider (7 posts)
Integrating Google Analytics with Eleventy
Eleventy: Loop through a collection from within a layout?
I have a home page which is made up of sections. Each section is currently pulled into my index.html... Tagged with eleventy, help.
By Grant Smith (1 post)
Integrating Netlify Analytics and Eleventy
Logging with Eleventy and Nunjucks
Adding a simple filter to save you a lot of grief.
By Sean McPherson (3 posts)
Using Nunjucks 'If Expressions' in 11ty to create a simple active navigation state
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
By Bryan Robinson (15 posts)
Building a Static API with Eleventy
Implement a Static API using the simple and fast static site generator, Eleventy.
By Sean Davis (6 posts)
Ignore _site Build Directory in Eleventy
How to ignore the build output when adding it to gitignore causes problems.
By Sean Davis (6 posts)
Webmentions in three SSGs: Part 1
The intro to a five-part series about incorporating webmentions into three different static site generators (SSGs).
By Bryce Wray (26 posts)
Embed Everything
I recently released a plugin for quickly embedding media in Eleventy sites. I think it has potential!
By Graham F. Scott (5 posts)
web.dev engineering blog #1: How we build the site and use Web Components
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.
By Sam Thorogood (1 post)
Quick Tip on Using Vue with Eleventy
Creating a similar post component with Eleventy
How I added a similar post component to my blog with Eleventy and Liquid.
By Sarah L. Fossheim (1 post)
Creating an Editable Site with Google Sheets and Eleventy
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
By David Atanda (2 posts)
The Emergency Website Kit
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.
By Max Bรถck (8 posts)
How my site is built with Eleventy + Ghost
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.
By Juha-Matti Santala (22 posts)
Twitter Cards with Nunjucks and 11ty
Using cards makes sharing your content on Twitter look much nicer.
By Tom Hazledine (3 posts)
Add pagination for dynamic data in Eleventy
Creating pagination from dynamic data and add a useful navigation bar. Tagged with eleventy, javascript, blog, tutorial.
By Josef Biehler (1 post)
Adding Another Template Language to Eleventy
Father, husband, developer relations and web standards expert, and cat demo builder.
By Raymond Camden (104 posts)
Adding Text Linting to Eleventy
An example of using Eleventy's Linter feature
By Raymond Camden (104 posts)
Checking (and Upgrading) Template Engines in Eleventy
How to check the version of embedded template engines in Eleventy
By Raymond Camden (104 posts)
Adding a Last Edited Field to Eleventy
Eleventail - A helper for Taiwindcss
Phil Hawksworth's home on the web. Read his blog, ask questions, and find coverage of his recent conference talks about web development.
By Phil Hawksworth (2 posts)
2019
Code comfort: Eleventy and webpack
Fractal and Eleventy: Getting static sites closer to the design system
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.
By Ken Hawkins (3 posts)
Integrating Eleventy with gulp, upstream JS
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.
By Ken Hawkins (3 posts)
Language switcher for multilingual JAMstack sites
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.
By Jรฉrรดme Coupรฉ (10 posts)
Flexible tag-like functionality for custom keys in Eleventy
Achieving tag-like functionality without using tags in Eleventy
By Laurence Hughes (4 posts)
Creating an 11ty Plugin - SVG Embed Tool
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.
By Bryan Robinson (15 posts)
Scheduled and draft 11ty posts
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โฆ
By Remy Sharp (2 posts)
Create an Eleventy (11ty) theme based on a free HTML template
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).
By Bryan Robinson (15 posts)
Multilingual sites with Eleventy
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.
By Jรฉrรดme Coupรฉ (10 posts)
Using Webmentions in Eleventy
How to pull interactions from social media platforms like Twitter back to your own site, using Webmentions, webmention.io and Bridgy.
By Max Bรถck (8 posts)
Deploying an 11ty Site to GitHub Pages
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...
By Jonathan Snook (2 posts)
2018
Adding search to a Jamstack site
Using progressive enhancement, JavaScript and a static site generator to create site search facility.
By Phil Hawksworth (2 posts)