Configuration 244 posts
Category: CONFIGURATION (244 posts)
2025
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: How to Set Up Effective HTML Minification (in 24 Seconds)
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)
Using esbuild in Eleventy
The personal website of Dan Cฤtฤlin Burzo.
By Dan Cฤtฤlin Burzo (6 posts)
Mastering Eleventy: Display All Blog Posts from a Category on a Single Page
Have the same topic on your 11ty website and want to view them all on one page? Here's how to do so with just one extra file, and no plugins needed.
By Gregory Hammond (3 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)
11ty OpenGraph & SEO
re implementing opengraph and meta tags in 11ty using javascript and nunjucks
By equilibriumuk (19 posts)
Wrapper Elements around Code Blocks in Markdown
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)
More Description
Let's continue Another WhileDo post. Of course, my amazing work yesterday had one fatal flaw and that is that the previewโฆ
By Martin Hรคhnel (14 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)
File organisation in Eleventy: Filters
I organise all my Eleventy filters into one file and register them as filters by iterating over them all in the configuration function.
By Juha-Matti Santala (22 posts)
From Dotclear to Eleventy 4
How to migrate a blog from Dotclear on to eleventy 4- Rebuild pages and navigation
By Alix Guillard (4 posts)
Adding a custom filename to a code block in Elevยญenty with markdown-it
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)
Using Obsidian Callouts with 11ty
A simple guide on how to make an Obsidian style Callout or Information box
By Aninus Partikler (1 post)
Updated My Draft System
Cache-Busting Assets in Eleventy
Generate a sourcemap and add it to Eleventyโs global data.
By Aleksandr Hovhannisyan (14 posts)
A Subtle Footgun in Eleventyโs Default Permalink Algorithm
How using a date-based directory structure for your site can bite you in the ass.
By Evan Sheehan (8 posts)
Blogging in markdown
One weird trick to reduce Eleventy Image Build Times by 60%
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)
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)
Proper Sitemap Update Dates for Eleventy
Software engineering leader and occasional side project hacker.
By Brian Cantoni (6 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)
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)
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)
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)
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
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)
Journal Eleventy, prรฉsentation et mini-tutoriel
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)
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)
Tweaking my 11ty blog to link to the Mastodon post defined in an Org Mode property
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)
Moving to Eleventy
Crazy Mac lady. Mac author & developer. Lover of Apple computers and devices. Swift & SwiftUI enthusiast. Unofficial Mac app dev evangelist
By Sarah Reichelt (1 post)
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)
Linking local node packages for development in PNPM
A personal blog documenting webdev, life with ADHD, home cooking, self-hosting, and much more
By Ryan Killeen (1 post)
Swapping from Vue to Eleventy
Extract Colors from an Image for CSS Themes
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)
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)
11ty and OG images
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)
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)
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)
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)
Integrating Eleventy with Buttondown to create subscribers-only content
Securing 11ty with SSL Locally
How to configure your eleventy serve process with ssl for localhost
By Clayton Errington (19 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)
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)
2024
Eleventy 3 Upgrade
I run quite a few sites on Eleventy; you can see the complete list on this site's Sites area. The Eleventy team released version 3.0 a while back and I finally got around to upgrading some of the sites. This post describes the process I used to migrate a couple of the sites.
By John M. Wargo (45 posts)
Displaying Eleventy Version on a Page
Describes how I display Eleventy build information on this site and how I had to change the process for Eleventy 3.0.
By John M. Wargo (45 posts)
Dec 9: Building a blog
A quick look at the tools we used to build our new blog & marketing site.
By Callum Skeet (1 post)
Going all in with 'native' markdown
I've been typing way too much. There are simpler ways to use markdown for images and tables of contents. Here's how I'm doing it.
By Bob Monsour (20 posts)
Adding 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)
Responsive, Self-hosted Images for Your Eleventy Blog
While you can certainly host your image files with the Git repo your Eleventy site is checked into, or add them manually after building it, neither option is ideal if you want responsive images in multiple formats to save precious bandwidth.
By Sebin Nyshkim (3 posts)
Building a Blog with Eleventy
I recently felt like getting back into blogging. But setting up and maintaining WordPress felt like more than I was looking for. I was looking for something much simpler. Preferably file-based and with Markdown support. That was my introduction to Eleventy.
By Sebin Nyshkim (3 posts)
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)
Eleventy Images Just Got Better
Eleventy 3.0 adds a new API to optimize images anywhere on your site, without shortcodes.
By Aleksandr Hovhannisyan (14 posts)
Dynamic Importing with Eleventy
After organising Eleventy filters, shortcodes etc I had an idea to tidy the code even more and make it dynamic. I wanted to automatically import any new functions that were added, including new when using files.
By Trevor Morris (8 posts)
Using Environment Variables in Eleventy Content Pages
Explains how you can use environment variables in Eleventy content pages
By Florian Eckerstorfer (9 posts)
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)
Syntax highlighting in Eleventy
By Nathan Smith (2 posts)
IMPROVED ERROR MESSAGING FOR REQUIRE(ESM) IN NODE.JS
Add Squirrelly Support to Eleventy
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
Upgrade 11ty to v3, reorg, ESM, and debug
Webmentions and 11ty
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)
Readable HTML and CSS
Virtual Templates in Eleventy
In Eleventy 3.0, virtual templates enable plugin authors to publish and share dynamic templates.
By Aleksandr Hovhannisyan (14 posts)
Getting started with Eleventy
The missing getting-started guide for the Eleventy (11ty) static-site generator.
By Sean McPherson (3 posts)
Eleventy - Merge external data with an existing collection
I wanted to make an archive of my writing, merging content I wrote for other websites with my exising 'posts' collection. Here is how I did it.
By Rob O'Leary (13 posts)
Upgraded to Eleventy v3
Putting a Class on External Links in Eleventy
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)
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)
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)
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)
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)
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)
Draft Posts in Eleventy
Adding inline SVGs to Eleventy.js
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
By Jordan Kohl (8 posts)
Eleventy: pathPrefix and GitHub Pages
Quick step-by-step recipe on how to deploy Eleventy site inside a subdirectory.
By ลukasz Wรณjcik (2 posts)
Eleventy - Group posts by year
A common organisation pattern for a blog is to group posts by year. I will show you how to do this efficiently and succinctly in JavaScript.
By Rob O'Leary (13 posts)
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)
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)
Eleventy - Differentiate between dev and production builds with unique favicons
It is easy to mix up the dev and production versions of a website in the browser. Let's make them look unique by using different favicons.
By Rob O'Leary (13 posts)
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
Different favicon for development build
How to make tabs in the browser always show which build youโre working on.
By Nikita Dubko (1 post)
Top 11 free Eleventy themes for 2024
A curated list of the top 11 Eleventy themes on GitHub in 2024.
By Jaimie McMahon (1 post)
Eleventy - Get autocompletion and doc info in your eleventy config in VS Code
In VS Code, you don't get autocompletion in your eleventy config. You don't get info about functions when you hover over them. Here is how you add it.
By Rob O'Leary (13 posts)
Low-tech Eleventy Categories
Eleventy has built-in tagging and collections capabilities that Iโm riffing on to show you how to build a super simple category system with RSS feeds for each one.
By Andy Bell (3 posts)
Eleventy - Create a global production flag
A production flag enables you to run activites in production only e.g. minifying assets. There isn't a built-in flag in eleventy. How can we add one?
By Rob O'Leary (13 posts)
Mastering Eleventy Folder Structures: From Default Setups to Real-World Best Practices
Explore the essentials of Eleventy's folder structure in this guide, perfect for optimizing your project's efficiency and scalability. Learn from basic setups to advanced custom structures, ensuring your 11ty site is perfectly organized for peak performance.
By S. Amir Mohammad Najafi (1 post)
Using 11ty to generate Open Graph images
Getting up to Speed with Eleventy: Config and Collections
Continuing his Eleventy tutorial, David Eastman shows how to configure the system, make use of templates, what collections are, and more.
By David Eastman (2 posts)
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)
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)
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)
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)
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)
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)
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)
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)
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)
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)
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)
Clean Up Your Config File
MooseDog Studios - Where Convention Takes A Back Seat To Quality
By Robin Hoover (4 posts)
TinaCMS + 11ty
Taking a deep dive into setting up a CMS for my static site with TinaCMS
By Clayton Errington (19 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)
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)
CloudCannon + Eleventy
Getting CloudCannon setup with your Eleventy project is easier than you think
By Clayton Errington (19 posts)
11ty draft posts - Set up a draft system in 11ty
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)
Favicon Generation In Eleventy
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)
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)
Integrating Tailwindcss With Eleventy
I'm equilibriumuk, a software engineer. I write about programming & computer related topics
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)
CSS workflow and cache busters in 11ty
Meta Description and Keywords in Eleventy
This article describes how I added HTML Keywords to an Eleventy site.
By John M. Wargo (45 posts)
Automated workflows for websites
In this article, I'm writing about automated workflows I added to this blog.
By Lea Rosema (4 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)
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)
Font Subsetting with Eleventy.js
Blog and general digital garden of the full stack programmer Simon Dann.
By Simon Dann (11 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)
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
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 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)
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)
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)
2022
Organizing the Eleventy config file
Eleventy lets you create a file called eleventy.js to configure the SSG to your own projectโs needs. This article is all about organizing your config file!
By Lene Saile (6 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)
Why I built my own Vue plugin for Eleventy
Support Draft Blog Posts in Eleventy
A look at various ways of supporting draft posts with Eleventy
By Raymond Camden (104 posts)
You should add a generator tag to your Eleventy site
Hear me out on this one, I've got a short but sensible list as to why.
By David Darnes (5 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)
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)
11ty tips I wish I knew from the start
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)
Managing a secrets directory in your eleventy site
Eleventy 1.0 - Dynamic Ignores
Eleventy 1.0's new support for dynamic file ignore settings.
By Raymond Camden (104 posts)
Eleventy Hack/Tip/Possibly Bad Idea - Dynamic Theme Testing
An Adobe PDF Embed Plugin for Eleventy
Eleventy users can now add a PDF Embed plugin to their sites
By Raymond Camden (104 posts)
Getting your bearings in an existing Eleventy project
Turn static HTML/CSS into a blog with CMS using the JAMStack
Building a Simple Image Gallery with Eleventy
Using the Image plugin with Eleventy to build a simple gallery
By Raymond Camden (104 posts)
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)
Using Pre-Built Lunr Indexes with Eleventy
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)
Building my personal site 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)
Inlining scripts and styles in 11ty
Iโm Kitty Giraudel, a transfeminine web engineer based in Berlin, focused on accessibility and inclusivity.
By Kitty Giraudel (4 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)
Selecting Random Posts in Eleventy
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)
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)
Five Critical Things To Do Before Working With 11ty
Five pieces of knowledge I wish I knew before working with 11ty, the JavaScript-based static site generator. Get a jump start using this fantastic tool.
By Khalid Abuhakmeh (3 posts)
Building a website with a static site generator, part 3: Domain, Analytics and Forms
Once your website is up and running, it's time to get a professional looking domain, think about analytics and collect data with forms.
By Juha-Matti Santala (22 posts)
Adding Another Template Language to Eleventy
Father, husband, developer relations and web standards expert, and cat demo builder.
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
2019
Code comfort: Eleventy and webpack
Adding Search to your Eleventy Static Site with Lunr
Flexible tag-like functionality for custom keys in Eleventy
Achieving tag-like functionality without using tags in Eleventy
By Laurence Hughes (4 posts)