Firehose 1,608
2023
Building robots.txt from a simple API endpoint
Deploying my website
From running my website for myself on my machine to hosting it publicly for everyone.
By Tobias Fedder (7 posts)
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)
December Updates to Eleventy Plugin Stats
I made some enhancements to my Eleventy Post Statistics plugin this month and this post describes the changes.
By John M. Wargo (45 posts)
Generating OG Images in Eleventy
Creating OG images for your Eleventy page is really easy with eleventy-plugin-og-image. I show you how!
By Kilian Finger (1 post)
Generating a static blog with Eleventy
From 0 to minimal blog using 11ty. I tell you the steps I took to create the minimal technical basis for this website's content.
By Tobias Fedder (7 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)
Addition of Post Graphs to Stats page
Blog and general digital garden of the full stack programmer Simon Dann.
By Simon Dann (11 posts)
Adding a git based changelog in 11ty
How to add a changelog to your 11ty pages based on commits made to your site's git repository.
By James Doc (3 posts)
Eleventy Post Graph Plugin
Generate Github-style post distribution graph for your blog posts in Eleventy
By Robb Knight (20 posts)
ELEVENTY V3 WITH ESM SUPPORT NOW ON THE CANARY CHANNEL
A post by Zach Leatherman (zachleat)
By Zach Leatherman (55 posts)
Maintaining working local links in Eleventy
How to keep links between Markdown files working both locally and on your Eleventy site.
By Martin Gunnarsson (9 posts)
Migrating my site from NextJS to Eleventy
Generating Open Graph Images in Eleventy
Autogenerating image previews with Eleventy filter functions and node-canvas
By nonnullish (3 posts)
Calling All Courageous Canary Testers for Eleventy 3.0
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)
Eleventy brings me joy
Ramblings about how and why I re-wrote this site completely soon after I first published it
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)
Eleventy vs. Next.js for static site generation
We evaluate Eleventy and Next.js and compare both static site generators for performance, developer experience, scalability, and ecosystem.
By Nelson Michael (2 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)
Static Feedback #11: All About Eleventy
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)
Migrating from WordPress to Eleventy (part 4)
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)
Migrating from WordPress to Eleventy (part 3)
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)
Automatically optimize your images with Eleventy Image and CloudCannon
Websites are becoming increasingly visual and we're adding more and more image content to our sites โ but these images need to be optimized.
By Zach Leatherman (55 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 2)
Using Wordpress as a headless CMS for Eleventy
From Jason 2.0 is an 11ty-powered digital garden with multiple plots
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)
Integrating WordPress Posts with 11ty
Eleventy Date-only Filter
I noticed recently that the site's stats page displayed the first and last post dates with time information even though the values only contained dates. I created a simple Eleventy Filter to trim them to date only with the format I wanted. This post shows how I did it.
By John M. Wargo (45 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)
Scratch that...use the Google Sheets API
Just generating a json file from Google Sheets was not good enough. I had to use the API.
By Bob Monsour (20 posts)
Eleventy Excellent demo branches
Frontend developer and designer living in Madrid. I enjoy working with semantic HTML, vanilla Javascript and modern CSS.
By Lene Saile (6 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)
I've switched to Eleventy: my thoughts
In this article, I will talk about why I switched, how I did it, and my thoughts about Eleventy as a new user.
By Andrew Ward (5 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)
What I learned making top-level.dev
A single purpose site that gives you all of the top level domains in one handy list.
By Ginger (7 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)
Eleventy and Storyblok - My perfect combination
In this article, I share why I choose this combination, hoping you also fall in love with them.
By Estela Franco (4 posts)
Under the hood
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)
What's that?
A short introduction why I started a blog and what you can expect here
By Albrecht Kohnlein (1 post)
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)
Eleventy components woes
So far so good, in part one we managed to do a very basic setup of a blog website sticking to just... Tagged with frontend, javascript, react, webdev.
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)
Technical Architecture
How to make your site generate more leads, increase revenue, and save on engineering. These are the best design principles to follow when creating a web system instead of a website. Brought to you by one of the world's best product studios.
By Fictive Kin (1 post)
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)
Migrating blog to a static site generator - 11ty versus Astro
Benefits, downsides and the whole journey of migrating to an SSG.
By Piotr Maliลski (3 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
Migrer de Ghost ร 11ty (Migrating from Ghost to 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)
I Rebuilt My Blog and Didn't Write About It
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
By Chris McLeod (7 posts)
Compiling CSS with Eleventy
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)
Migrating from WordPress to 11ty: Enhancing Website Performance and Control
Discover the benefits of using 11ty for static website generation, including improved performance, simplicity, and control over your website. Take your online presence to new heights with 11ty.
By Alex Zappa (2 posts)
Refactoring My Static Site in 2023
When I last redesigned tylersticka.com, I was tired of my content management system. I already authored posts with Markdown and HTML, myโฆ
By Tyler Sticka (3 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)
Eleventy Style Guide Generator with WebC Component Support
The simplicity and speed of Eleventy with the organization of a self documenting design system. Style guide generator that incorporates design tokens, fluid typography, and WebC components.
By Steven Woodson (6 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)
A Future of Themes with CSS Container Style Queries
One way to implement themes on a website with style queries.
By Christopher Kirk-Nielsen (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)
Good news about CloudCannon and Eleventy
Not long after receiving a short-sighted shafting, my favorite JavaScript-based SSG and its creator wind up in good and friendly hands.
By Bryce Wray (26 posts)
Now Page: Automatically Syncing My Now Pages
Going Lean
WordPress has been with me since my very first post in 2009. There is a lot to love about it: Itโs open source, it has a thriving ecosystem, a beautiful default theme, and a revolutionary block editor that makes my inner UX geek giddy. Plus, WP made building a website and publishing content accessib
By Lea Verou (4 posts)
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)
11ty: Index ALL the things!
This is a second spinoff post in the migration saga of this blog from WordPress to 11ty. On good URLs It was important to me to have good, RESTful, usable, hackable URLs. While a lot of that is easy and comes for free, following this principle with Eleventy proved quite hard: URLs that are โhackable
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)
Migrating Disqus from WP to 11ty
So I recently ported my 14 year old blog from WordPress to Eleventy. I had been using Disqus for comments for years, so I didnโt want to lose them, even if I ended up using a different solution for the future (or no comments at all). Looking around for an existing solution did not yield many results
By Lea Verou (4 posts)
Adding Webmentions in Eleventy
The Eleventy Community Survey Results (2023)
Added Content Stats to Eleventy Plugin Post Statistics
This post describes some new enhancements to my Eleventy Plugin Post Statistics plugin.
By John M. Wargo (45 posts)
From Nunjucks to Liquid
Changing the template language from nunjucks to Liquid in my eleventy project
By Morten Birch (1 post)
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)
Use TailwindCSS with Eleventy Static Site Generator
If you are building a blog with Eleventy and want to add TailwindCSS for styling, then this is the... Tagged with javascript, tailwindcss, css, eleventy.
By Hrishikesh Pathak (1 post)
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)
Introducing: 11ty with reasonable defaults
TL;DR Initialize your 11ty projects with reasonable defaults: npm install -g yo npm... Tagged with showdev, webdev, productivity.
By Winston Puckett (1 post)
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)
11ty Postcss Integration Optimized
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)
11ty Fixing Livereload Client For Inline Styles
I'm equilibriumuk, a software engineer. I write about programming & computer related topics
By equilibriumuk (19 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 1, The Why
For years my personal website used WordPress, now it's using Eleventy and this is why
By Chris Smith (2 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)
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)
Fixed Category Page Generation
I figured out how to get my Eleventy Generate Category Pages module working in an Eleventy build process.
By John M. Wargo (45 posts)
File Last Modified Is Available
MooseDog Studios - Where Convention Takes A Back Seat To Quality
By Robin Hoover (4 posts)
Blog Using Eleventy
Building a blog using eleventy with esbuild, tailwindcss, postcss, eslint
By equilibriumuk (19 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)
Converting a Drupal site to 11ty
I blog about my adventures with technology, text and data analysis, and digital philology
By Samuel J. Huskey (1 post)
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)
Migrating This Site from Joomla To Eleventy
Describes the process I used to migrate a 14 year old Joomla site (this one) to Eleventy and the tools I created to simplify the process (that you can use in your Joomla to Eleventy migrations).
By John M. Wargo (45 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)
Eleventy by Example, by Bryan Robinson
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)
Cloudflare Pages error with 11ty build
Troubleshoot Cloudflare Pages errors with 11ty. Set Node version in Environment Variables to resolve build failures and deploy successfully now today.
By Simon Cox (16 posts)
Blogging on the Jamstack with Netlify & Eleventy
Want to create a headless blog using Jamstack? Follow these steps to build your Jamstack-based blog using Eleventy and Netlify.
By David Darnes (5 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)
The Need for Speed: Why Eleventy Leaves Bundlers Behind
Static site generator Eleventy recently released version 2.0, which includes support for web component files and a new dev server.
By Loraine Lawson (1 post)
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
Eleventy (11ty), Vite, Tailwind, and Alpine.js โ Rapid static site starter framework
By Full Stack Digital (1 post)
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)
Book Release: Eleventy by Example โ Learn 11ty with 5 in-depth projects
Oh! Hey! I wrote a book. Fancy that! It's, of course, all about 11ty.
By Bryan Robinson (15 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
11ty 4tw!
Since 1998 Iโm developing websites and software, do logo design and occasional classic print design. This place is for sharing my unstoppable love and fascination for everything interactive and beyond.
By Frank Fuchs (1 post)
How Jampack optimizes our Eleventy website and improves performance
Jampack is a post-processing tool that takes the output of any static site generator and optimizes it for user experience.
By David Large (4 posts)
Wrapping Emoji in your 11ty build
Wrap emoji with accessible and semantic HTML, without breaking your pages
By Benny Powers (8 posts)
A New LitLab Website
The Stanford Literary Lab is a research collective that applies computational criticism, in all its forms, to the study of literature.
By Matt Warner & Quinn Dombrowski (1 post)
SVG Icon Sprites in Eleventy
WebC First Impressions
Thoughts from my first attempt at understanding the new WebC framework from 11ty
By Benny Powers (8 posts)
CSS Naked Day 2023
In which I describe what I did to prepare for CSS Naked Day for 2023 and ideally every year beyond it by using edge functions.
By Dustin Whisman (5 posts)
webc-starter-kit (Github repo)
A starter project for Eleventy (11ty) using WebC as a main template langage. Also includes opiniated assets processing and a few more bells and whistles. - solution-loisir/webc-starter-kit
By Mathieu Huot (2 posts)
Accessible anchor permalinks
Working with CloudCannon and Eleventy - My Experience
My experience testing the CloudCannon CMS experience with Eleventy.
By Raymond Camden (104 posts)
Moving from WordPress to 11ty
After 17 years with WordPress, it's time for something different. Here's how I migrated 500 posts to a static site generator.
By John Hobbs (4 posts)
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)
wp-to-11ty - export WordPress XML and convert it to Eleventy (Github repo)
Convert a WordPress XML export to a new 11ty Blog. Contribute to jmhobbs/wp-to-11ty development by creating an account on GitHub.
By John Hobbs (4 posts)
GitLab CI Pipeline for Eleventy
A detailed breakdown of the GitLab CI/CD pipeline used for this blog, which is built using Eleventy.
By Aaron Goldenthal (4 posts)
Awesome Algolia Updates (and some fixes here...)
News about Algolia's free tier changes and some fixes here.
By Raymond Camden (104 posts)
Another Eleventy content syndication path
After posting and discussing my post from yesterday with Nicolas Hoizey I decided to explore his suggested path and explore using a GitHub action to handle posts to Mastodon, rather than Make.
By Cory Dransfeldt (46 posts)
CloudCannon
CloudCannon.com officially switched our website over to build with Eleventy, and the results with this static site generator have been amazing.
By David Large (4 posts)
Lazy select-based pagination in Eleventy
I've relaunched, rebuilt and rewritten my personal blog more times than I can count, and I've had a trail of posts I've never fully migrated at each turn. This weekend, while relaxing and watching movies I ported them into Eleventy and, in doing so, found that the pagination implementati
By Cory Dransfeldt (46 posts)
Automate and syndicate content from Eleventy to Mastodon
I've discussed building a now page using Eleventy, but I also syndicate a subset of that content out to Mastodon using @11ty/eleventy-activity-feed and Make.
By Cory Dransfeldt (46 posts)
Blogging with Eleventy
Adding a blog to this website (which you are now reading)
By Bill Horsman (1 post)
Migrating to Eleventy from AnchorCMS
How I migrated my old blog content from a defunct CMS to Eleventy.
By Josh Vickerson (2 posts)
.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)
Scheduled Eleventy builds on Vercel with cron-triggered GitHub actions
In an effort to get away from client-side Javascript and embrace Eleventy for what it is (a static site generator), I've dropped my social-utils instance offline and my now-playing track display on my home page that still relied on it.
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)
Building my /now page using Eleventy
As part of my commitment to writing about things I've written in other frameworks in Eleventy, this is how I re-engineered my /now page in Eleventy.
By Cory Dransfeldt (46 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)
Time to move on from Nunjucks?
Here are some points to consider about how you should build and maintain Eleventy sites going forward.
By Bryce Wray (26 posts)
Full-stack Web Apps Without React
There are a ton of options for full stack web frameworks that don't use React. Let's explore some of them and why they are each unique.
By Brian Rinaldi (1 post)
Webmentions in Eleventy
In the interest of continuing to repeat myself I'm writing, once again, about adding webmentions to a blog.
By Cory Dransfeldt (46 posts)
Eleventy Plugin: Green Links
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)
The evolution of my CSS pipeline in Eleventy (part 1)
Migrating from Jekyll to Eleventy
By Thomas Broyer (1 post)
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)
From Jekyll & Hugo to Eleventy
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)
Sass in Eleventy, with versioning
Adding support for code.scss/code files, complete with content hashes.
By Dan Cฤtฤlin Burzo (6 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)
Process CSS or Sass With LightningCSS
Use these plugins or code snippets to make CSS a first-class templating language in Eleventy and add processing with LightningCSS and/or Sass.
By Stephanie Eckles (21 posts)
Update to My Eleventy Blog Guide
Extracting and using Critical CSS on my Eleventy site
This week I made some enhancements to extracting and implementing Critical CSS on my website that runs on Eleventy. Let's delve into its workings and features.
By Silvestar Bistroviฤ (3 posts)
Using WebC for progressively-enhanced UI elements
By Lewis Dale (5 posts)
Combining 11ty Static Site Generator with ASP.NET Core
Combining 11ty Static Site Generator with ASP.NET Core for maximum awesomeness.
By Khalid Abuhakmeh (3 posts)
Internationalization with Eleventy 2.0 and Netlify
Along with a lightning talk at TheJam.dev 2023, I explain how internationalization works with Eleventy 2.0, building out a simple starter project.
By Lene Saile (6 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)
Getting started with eleventy
It calls itself a a href="https://www.11ty.dev/"simpler static site generator/a.
By Leonardo Silveira (1 post)
Eleventy Collection Schemas
Use this 11ty plugin to enforce a typed frontmatter schema for templates within an Eleventy collection.
By Stephanie Eckles (21 posts)
Take your 11ty build from 1 second to 2 minutes by generating OG images
I tried to generate OG images during build and it ended up taking a long time
By Mike Street (13 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)
Custom date formatting 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)
Rebuilding 11ty on a schedule
Automate the deployment of a website using Netlify and GitHub Actions at a specific time.
By James Doc (3 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)
Using JavaScript in a WebC Component
Father, husband, developer relations and web standards expert, and cat demo builder.
By Raymond Camden (104 posts)
Rebuilding a PHP App using Isomorphic JavaScript with Eleventy & Netlify
Back in the early days of the iPhone, I created Tipr, a tip calculator that always produces a palindrome total. This is an overview of the minimal work I did to make it a modern web app that can run without a traditional back-end.
By Aaron Gustafson (1 post)
Website re-platform and a light redesign for 2023
Website rebuild using Eleventy for a faster, flat-file setup. Improved SEO, performance, and design while optimizing hosting with Netlify and Cloudflare Pages.
By Simon Cox (16 posts)
Which SSGs I recommend
Hereโs a recap of my thoughts about the best tools for building and maintaining personal websites.
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)
eleventy-cache-webmentions v1.1.5
Cache webmentions using eleventy-fetch and make them available to use in collections, layouts, pages, etc. in Eleventy.
By Chris Burnell (8 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)
Notes on Migrating a Wordpress Site to Eleventy
Some helpful notes and tools for migrating an existing Wordpress site to Eleventy
By Robb Knight (20 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 Webmentions to Your Site
Some notes on what webmentions are and how I implemented them for this site
By Robb Knight (20 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)
Escaping Jekyll, and moving to Eleventy
Articles, information, and tutorials on development, programming, technology, science.
By Mendhak (1 post)
Adding stub posts
Blog and general digital garden of the full stack programmer Simon Dann.
By Simon Dann (11 posts)
Quick WebC Tip
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)
Website redesign with 11ty!
I have rewritten my website to utilize 11ty, and it was a lot of fun
By Clayton Errington (19 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)
Eleventy (11ty) - A simple and powerful static site generateor
Eleventy is rising in the ranks among static site generators โก It is powerful, simple to use, and can help you achieve the coveted top Lighthouse performance score โก Letโs dive into what else makes it unique
By Irina I. (1 post)
External Asset Pipeline with Eleventy
I like to use NPM scripts for my asset pipeline instead of using Eleventy to generate assets and orchestrate everything. The latest release of Eleventy Dev Server makes that approach both easy to implement and quite performant.
By Jรฉrรดme Coupรฉ (10 posts)
Eleventy: Building an Image Gallery with CSS Grid and PhotoSwipe
Trying out CSS Gridโs new Masonry Layout, with a PhotoSwipe lightbox
By Mark Llobrera (7 posts)
Adding statistics to 11ty
Blog and general digital garden of the full stack programmer Simon Dann.
By Simon Dann (11 posts)
A Beginner's Guide to Eleventy - part two
Post previews with Ghost, Eleventy & Netlify
A while back, I updated my Eleventy plugin for Ghost so you get more data from your Ghost instance, including the ability to retrieve draft posts. Here's how I used it to preview draft posts using Eleventy and Netlify.
By David Darnes (5 posts)
Static Mastodon toots in Eleventy: the Tailwind CSS edition
For users of my favorite JS-based SSG, hereโs an Eleventy version of the Tailwind-based toots-embedding shortcode I offered yesterday.
By Bryce Wray (26 posts)
Using Eleventy filters in Directory Computed Data
Eleventy Computed Data makes it easy to reuse your filters outside of your templates.
By Chris Coleman (2 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)
A Beginner's Guide to Eleventy - part one
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)
23 of the best Eleventy Themes (Starters) for 2023
There's a huge range of free starter themes available for the Eleventy static site generator.
By David Large (4 posts)
