240 posts in &#39;Configuration&#39;

Categories: Configuration How to...Nunjucks/Macros

11ty OpenGraph & SEO

re implementing opengraph and meta tags in 11ty using javascript and nunjucks

Oct 26, 2025

Categories: Blogging Configuration Nunjucks/Macros Plugins

Wrapper Elements around Code Blocks in Markdown

A post by Zach Leatherman (zachleat)

Oct 20, 2025

Categories: Configuration Markdown Nunjucks/Macros Plugins Shortcodes

TypeScript Mini Apps in Eleventy

Oct 14, 2025

by DSri Seah (2 posts) · Website

Categories: Blogging Configuration How to...Shortcodes

Creating Cloudflare redirects

Notes on optimal ways to pull together a redirects file suitable for a Cloudflare hosted website.

Oct 8, 2025

Categories: Configuration Debugging Deployment How to...

Font Subsetting in Eleventy

eleventy-plugin-font-subsetting works fine but its configuration is finicky.

Oct 8, 2025

by Shiv J.M. (13 posts) · Website & RSS feed

Categories: Asset Pipelines CSS/Sass Configuration How to...Plugins

Upgrading Eleventy After 5 Years

Oct 5, 2025

by Sam Ruby (1 post) · Website & RSS feed

Categories: Configuration Drafts How to...

More Description

Let's continue Another WhileDo post. Of course, my amazing work yesterday had one fatal flaw and that is that the preview…

Oct 4, 2025

Categories: Blogging Configuration Markdown Plugins

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…

Oct 3, 2025

Categories: Blogging CSS/Sass Configuration Filters How to...Social Media

An Addendum to Building My New Archives Page

Oct 1, 2025

by Keith Wagner (5 posts) · Website & RSS feed

Categories: Blogging Configuration How to...

Building My New Archives Page

Sep 25, 2025

by Keith Wagner (5 posts) · Website & RSS feed

Categories: Blogging Collections Configuration Filters Nunjucks/Macros

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.

Sep 24, 2025

by Juha-Matti Santala (21 posts) · Website & RSS feed

Categories: Configuration Filters

From Dotclear to Eleventy 4

How to migrate a blog from Dotclear on to eleventy 4- Rebuild pages and navigation

Sep 24, 2025

by Alix Guillard (4 posts) · Website

Categories: Collections Configuration Global Data Navigation Pagination Shortcodes

Adding a custom filename to a code block in Eleventy with markdown-it

Making those code blocks a little more personal.

Sep 19, 2025

by Christopher Kirk-Nielsen (14 posts) · Website & RSS feed

Categories: Configuration How to...Markdown

Category and Tag Pages with Eleventy

Sep 7, 2025

by Josh Sherman (3 posts) · Website & RSS feed

Categories: Blogging Collections Configuration How to...Pagination

Building a Multilingual Blog with Eleventy

My experience with making my English-Simplified Chinese bilingual personal blog with Eleventy and its official internalisation plugin.

Sep 5, 2025

by Helen Chong (7 posts) · Website & RSS feed

Categories: Blogging Configuration Deployment How to...Internationalization

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.

Sep 4, 2025

by Kyle Reddoch (3 posts) · Website & RSS feed

Categories: Configuration Deployment Getting Started How to...Migrating to Eleventy

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.

Sep 2, 2025

Categories: Asset Pipelines Configuration Deployment How to...Performance

Conditional favicon in Eleventy using passthrough copy

Never mix up dev and prod again! (due to identical icons, at least)

Sep 1, 2025

by Christopher Kirk-Nielsen (14 posts) · Website & RSS feed

Categories: Asset Pipelines Configuration How to...Images

Using Obsidian Callouts with 11ty

A simple guide on how to make an Obsidian style Callout or Information box

Aug 26, 2025

by Aninus Partikler (1 post) · Website

Categories: Blogging Configuration How to...Markdown Obsidian

Updated My Draft System

How I've updated the drafts on my website with 11ty

Aug 17, 2025

by Clayton Errington (18 posts) · Website & RSS feed

Categories: Configuration Drafts Front Matter How to...

Cache-Busting Assets in Eleventy

Generate a sourcemap and add it to Eleventy’s global data.

Aug 10, 2025

by Aleksandr Hovhannisyan (14 posts) · Website & RSS feed

Categories: Asset Pipelines CSS/Sass Configuration Global Data How to...

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.

Aug 10, 2025

by Evan Sheehan (8 posts) · Website & RSS feed

Categories: Blogging Configuration Debugging

Blogging in markdown

A blog on software development and other stuff

Aug 9, 2025

by Glyn Normington (4 posts) · Website & RSS feed

Categories: Configuration How to...Markdown Plugins

Migrating an 11ty site from Cloudflare Pages to Workers

It's Workers all the way down.

Aug 3, 2025

by Ben White (3 posts) · Website & RSS feed

Categories: Configuration Deployment How to...

One weird trick to reduce Eleventy Image Build Times by 60%

A post by Zach Leatherman (zachleat)

Aug 1, 2025

Categories: Configuration Images Performance

Migrating An Eleventy Site to Bunny.Net

Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.

Jul 25, 2025

by Chris McLeod (7 posts) · Website & RSS feed

Categories: Configuration Deployment How to...Images

Hosting your Static Site on Cloudflare: Tips & Tricks

One person is typing.

Jul 25, 2025

Categories: Configuration Deployment How to...

Updates to the Eleventy guide

Renkon's personal site and blog.

Jul 25, 2025

by Renkon (3 posts) · Website & RSS feed

Categories: Blogging Configuration Getting Started How to...RSS

Eleventy plugin recs, part 1

Renkon's personal site and blog.

Jul 25, 2025

by Renkon (3 posts) · Website & RSS feed

Categories: Configuration Front Matter How to...Markdown Plugins

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.

Jul 25, 2025

by Rigotti (1 post) · Website

Categories: Configuration How to...Performance

Proper Sitemap Update Dates for Eleventy

Software engineering leader and occasional side project hacker.

Jul 10, 2025

by Brian Cantoni (6 posts) · Website & RSS feed

Categories: Configuration Filters How to...

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...

Jul 3, 2025

by Ariel Salminen (2 posts) · Website & RSS feed

Categories: Blogging Configuration How to...Markdown Netlify

Automating 11ty backups with a shell script and Keyboard Maestro

A blog by ldstephens

May 17, 2025

by LD Stephens (4 posts) · Website & RSS feed

Categories: Configuration How to...

A Slightly Improved Image Gallery for Eleventy

Blog about programming, scientific machine learning and the related techniques and methods.

May 17, 2025

by Valentin Pratz (2 posts) · Website & RSS feed

Categories: Configuration How to...Image Galleries Images Shortcodes

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.

May 14, 2025

by Juha-Matti Santala (21 posts) · Website & RSS feed

Categories: Configuration Global Data How to...Netlify

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…

May 11, 2025

Categories: Configuration How to...Markdown Obsidian Plugins

Taking VentoJS for a spin in Eleventy

There’s a new kid on the templating block.

Apr 26, 2025

by Christopher Kirk-Nielsen (14 posts) · Website & RSS feed

Categories: Configuration Filters How to...Markdown Nunjucks/Macros Plugins Vento

Using Notion as CMS with your Eleventy site with vrugtehagel

YouTube video

Apr 24, 2025

by vrugtehagel (2 posts)

Categories: Blogging Configuration How to...Notion Plugins YouTube

Rapidly(?) Developing Front-End Components with 11ty with Michael Delaney

YouTube video

Apr 24, 2025

by Michael Delaney (1 post)

Categories: CMS Configuration How to...YouTube

Double-Pagination in Eleventy

Yo dawg, I heard you liked pagination, so I added pagination inside your paginated pages, so you can paginate while you paginate.

Apr 23, 2025

by Christopher Kirk-Nielsen (14 posts) · Website & RSS feed

Categories: Collections Configuration How to...Pagination

Using Notion as CMS with Eleventy

In this article we'll walk through how to use my [eleventy-from-notion](https://jsr.io/@vrugtehagel/eleventy-from-notion) plugin, so you'll be able to use Notion as your CMS to use with your Eleventy setup.

Apr 23, 2025

by vrugtehagel (2 posts) · Website & RSS feed

Categories: Blogging CMS Configuration How to...Notion Plugins

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.

Apr 22, 2025

by Ethan Marcotte (2 posts) · Website & RSS feed

Categories: Blogging Configuration How to...Images Social Media

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…

Apr 20, 2025

Categories: Blogging Configuration How to...Obsidian Plugins

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.

Apr 18, 2025

by Jens Oliver Meiert (2 posts) · Website & RSS feed

Categories: Blogging Configuration Debugging How to...

Cleaning up my 11ty project repository

A blog by ldstephens

Apr 18, 2025

by LD Stephens (4 posts) · Website & RSS feed

Categories: Configuration Debugging How to...

Adding base64 placeholder background images to eleventy-img

Add a low-quality webp placeholder image to the HTML of your site

Apr 16, 2025

by Stefan Burke (4 posts) · Website & RSS feed

Categories: Configuration How to...Images Shortcodes

Dynamically creating QR codes in Eleventy

a simple shortcode to add QR codes to your posts

Apr 13, 2025

by Al Power (9 posts) · Website & RSS feed

Categories: Configuration How to...Plugins Shortcodes

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.

Apr 11, 2025

Categories: Configuration Data Cascade How to...

Journal Eleventy, présentation et mini-tutoriel

Eleventy, présentation et mini-tutoriel

Apr 9, 2025

by Joris R (1 post) · Website & RSS feed

Categories: CSS/Sass Configuration Deployment Getting Started Layouts

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

Apr 8, 2025

by Philip Renich (2 posts) · Website & RSS feed

Categories: Configuration How to...Netlify Search Serverless

eleventy-plugin-skiplink

This article is about: How and why I created a plugin to automatically create a skiplink for 11ty

Mar 31, 2025

by David Moll (2 posts) · Website & RSS feed

Categories: Accessibility CSS/Sass Configuration How to...

The power of _redirects

A blog by ldstephens

Mar 30, 2025

by LD Stephens (4 posts) · Website & RSS feed

Categories: Blogging Configuration How to...Migrating to Eleventy Netlify RSS

Static site deployments made easy with Github Actions and Tailscale

YouTube video

Mar 27, 2025

by Tailscale (1 post)

Categories: Configuration Deployment How to...YouTube

Tweaking my 11ty blog to link to the Mastodon post defined in an Org Mode property

Mar 27, 2025

by Sacha Chua (4 posts) · Website & RSS feed

Categories: Blogging Configuration Front Matter Global Data RSS Social Media

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.

Mar 26, 2025

by Danial Zahid (6 posts) · Website

Categories: CSS/Sass Configuration How to...

Creating a Journal With Eleventy

Mar 25, 2025

by Austin Carr (1 post) · Website & RSS feed

Categories: Blogging Collections Configuration Dates Front Matter Getting Started How to...Layouts Markdown Pagination Why Eleventy?

Umami + 11ty: A Privacy-First selfhosted approach to Web Analytics

YouTube video

Mar 20, 2025

by David Moll (2 posts)

Categories: Analytics Configuration How to...YouTube

Moving to Eleventy

Crazy Mac lady. Mac author & developer. Lover of Apple computers and devices. Swift & SwiftUI enthusiast. Unofficial Mac app dev evangelist

Mar 19, 2025

by Sarah Reichelt (1 post) · Website & RSS feed

Categories: Blogging Configuration Getting Started Migrating to Eleventy Performance Plugins Why Eleventy?

Added a 'uses' Page Archive

Mar 16, 2025

by Ryan Himmelwright (1 post) · Website

Categories: Collections Configuration Dates How to...

11ty Math

Mar 12, 2025

by Brian Kardell (1 post) · Website

Categories: Configuration How to...Markdown

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.

Mar 8, 2025

by Juha-Matti Santala (21 posts) · Website & RSS feed

Categories: Blogging Collections Configuration Dates How to...

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

Mar 8, 2025

by Murtuzaali Surti (5 posts) · Website & RSS feed

Categories: Configuration How to...Images Performance Plugins

Host Your Stuff

Let's make a blog!

Mar 6, 2025

by Scarlett Cavendish (1 post) · Website & RSS feed

Categories: Blogging Configuration Deployment Front Matter Getting Started Navigation

Linking local node packages for development in PNPM

A personal blog documenting webdev, life with ADHD, home cooking, self-hosting, and much more

Mar 5, 2025

by Ryan Killeen (1 post) · Website & RSS feed

Categories: Configuration Plugins RSS

Swapping from Vue to Eleventy

Swapping from Vue to Eleventy | by Bryn Newell

Mar 1, 2025

by Bryn Newell (1 post) · Website

Categories: Blogging CSS/Sass Configuration Migrating to Eleventy

Extract Colors from an Image for CSS Themes

A post by Zach Leatherman (zachleat)

Feb 27, 2025

Categories: Configuration How to...Images Plugins

11ty Obsidian & Github Style Alert Blocks

Adding Obsidian & Github Style Alert / Callout Blocks Using 11ty and markdown-it Plugins

Feb 25, 2025

Categories: Configuration How to...Markdown Obsidian

11ty Markdown External Links Plugin

Setting target _blank and rel noopener noreferrer to external links using markdown-it + 11ty

Feb 25, 2025

Categories: CSS/Sass Configuration How to...Markdown

Adding a Button to Copy Code Snippets

How I added a button to copy code snippets to my website with JavaScript.

Feb 19, 2025

by Helen Chong (7 posts) · Website & RSS feed

Categories: Accessibility Configuration How to...

DecapCMS with 11ty

Personal site for a coffee addicted geek

Feb 18, 2025

by DeaJae (2 posts) · Website & RSS feed

Categories: CMS Configuration How to...

I made an Eleventy & Nix static site template

Clone my repository to get an Eleventy site built on NixOS quick sharp

Feb 16, 2025

by Stefan Burke (4 posts) · Website & RSS feed

Categories: Blogging Configuration How to...

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.

Feb 14, 2025

by Jeremias Menichelli (1 post) · Website & RSS feed

Categories: Configuration Filters How to...Markdown

11ty and OG images

Various tricks I've stumbled into.

Feb 11, 2025

by Jay Hannah (2 posts) · Website & RSS feed

Categories: Configuration How to...Images Social Media

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.

Feb 4, 2025

Categories: Configuration How to...

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

Feb 2, 2025

by Bernard Nijenhuis (8 posts) · Website

Categories: Configuration How to...

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.

Feb 2, 2025

Categories: Blogging Configuration How to...RSS

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.

Feb 1, 2025

Categories: Configuration How to...RSS

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.

Jan 29, 2025

Categories: Accessibility Blogging Configuration Filters How to...RSS

Integrating Eleventy with Buttondown to create subscribers-only content

Gnarled JavaScript warlock, musician, cartoonist, dilettante.

Jan 28, 2025

by Scott Andrew (1 post) · Website & RSS feed

Categories: Configuration Deployment How to...

Securing 11ty with SSL Locally

How to configure your eleventy serve process with ssl for localhost

Jan 27, 2025

by Clayton Errington (18 posts) · Website & RSS feed

Categories: Configuration How to...

I picked a CMS

Jan 23, 2025

by Alan Quirk (1 post) · Website & RSS feed

Categories: Blogging CMS Configuration How to...

Separating Code From Content in Eleventy

Jan 15, 2025

by Aaron Morey (1 post) · Website & RSS feed

Categories: Configuration How to...

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.

Jan 12, 2025

Categories: CSS/Sass Configuration How to...Shortcodes

WP.SCSS

Increasingly I've been including 11ty in my WordPress builds as part of the theme. Great for static assets, such as

Jan 10, 2025

by Rich Holman (2 posts) · Website & RSS feed

Categories: CSS/Sass Configuration Global Data How to...Shortcodes

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.

Jan 7, 2025

by Joseph Jude (2 posts) · Website & RSS feed

Categories: Analytics Blogging Collections Configuration How to...

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.

Jan 5, 2025

Categories: Configuration Deployment How to...Performance

11ty Clean blog and cleaner repository

Adam DJ Brett Web Developer

Jan 1, 2025

by Adam DJ Brett (6 posts) · Website & RSS feed

Categories: Blogging Configuration

2024

KDL works great in eleventy

Dec 31, 2024

by Oliver Boermans (1 post) · Website & RSS feed

Categories: Configuration Front Matter How to...Markdown Plugins

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.

Dec 29, 2024

Categories: Configuration Debugging Plugins Upgrading

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.

Dec 29, 2024

Categories: Configuration How to...

Dec 9: Building a blog

A quick look at the tools we used to build our new blog & marketing site.

Dec 9, 2024

by Callum Skeet (1 post) · Website

Categories: Blogging CMS Configuration Deployment

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.

Dec 3, 2024

Categories: Configuration How to...Images Markdown

Build static website with 11ty. Part 2

Nov 21, 2024

by ProDeveloper (2 posts) · Website & RSS feed

Categories: Blogging CSS/Sass Configuration Getting Started RSS

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

Nov 12, 2024

by Cody Sand (1 post) · Website

Categories: Configuration How to...

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.

Oct 22, 2024

by Sebin Nyshkim (3 posts) · Website & RSS feed

Categories: CSS/Sass Configuration Images

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.

Oct 19, 2024

by Sebin Nyshkim (3 posts) · Website & RSS feed

Categories: Blogging CSS/Sass Collections Configuration Data Cascade Filters Getting Started Global Data Layouts Markdown Navigation Pagination Plugins Shortcodes

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.

Oct 6, 2024

by Juha-Matti Santala (21 posts) · Website & RSS feed

Categories: Blogging Configuration Filters Getting Started How to...Plugins

CAUTION

The posts below were published before the release of Eleventy v3.0.0 (Oct 1, 2024). Information in these posts may be out of date. The current stable release is 3.12.

Eleventy Images Just Got Better

Eleventy 3.0 adds a new API to optimize images anywhere on your site, without shortcodes.

Sep 3, 2024

by Aleksandr Hovhannisyan (14 posts) · Website & RSS feed

Categories: Configuration Images Markdown Plugins

Typescript Eleventy Config

Benny Powers, Web Developer

Sep 3, 2024

by Benny Powers (8 posts) · Website

Categories: Configuration How to...

Making blog post source files available with 11ty

Aug 31, 2024

by Harris Lapiroff (6 posts) · Website & RSS feed

Categories: Blogging Configuration How to...

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.

Aug 28, 2024

by Trevor Morris (8 posts) · Website & RSS feed

Categories: Collections Configuration Filters How to...Shortcodes

Using Environment Variables in Eleventy Content Pages

Explains how you can use environment variables in Eleventy content pages

Aug 28, 2024

by Florian Eckerstorfer (9 posts) · Website & RSS feed

Categories: Configuration Global Data How to...

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.

Aug 22, 2024

by Trevor Morris (8 posts) · Website & RSS feed

Categories: Configuration Filters How to...Shortcodes

Syntax highlighting in Eleventy

Jul 31, 2024

by Nathan Smith (2 posts) · Website & RSS feed

Categories: CSS/Sass Configuration How to...

IMPROVED ERROR MESSAGING FOR REQUIRE(ESM) IN NODE.JS

A post by Zach Leatherman (zachleat)

Jul 24, 2024

Categories: Configuration Debugging How to...

Add Squirrelly Support to Eleventy

How to add Squirrelly support to Eleventy

Jul 6, 2024

Categories: Configuration How to...

Eleventy Buckets & Cascade Layers

Solving a problem I created

Jul 6, 2024

by Miriam Suzanne (1 post) · Website & RSS feed

Categories: Asset Pipelines CSS/Sass Configuration How to...WebC

Adding Cooklang Support to my Eleventy Blog

How I added cooklang to my blog and the 11ty extension I created in the process

Jul 1, 2024

by Matthew Paul (1 post) · Website

Categories: Configuration How to...Plugins

THE SMORGASBORD OF WINDOWS TERMINAL… WINDOWS

A post by Zach Leatherman (zachleat)

Jun 30, 2024

Categories: Configuration Getting Started How to...

Upgrade 11ty to v3, reorg, ESM, and debug

I upgraded to 11ty v3 and proceeded to debug.

Jun 28, 2024

Categories: Configuration Filters Upgrading

Webmentions and 11ty

Getting webmentions up and running on 11ty - update!

Jun 19, 2024

by Jason Moser (5 posts) · Website & RSS feed

Categories: Blogging Configuration How to...Social Media Webmentions

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

Jun 13, 2024

Categories: Configuration Data Cascade How to...

Readable HTML and CSS

Instead of minifying HTML and CSS, I make it easy to read.

Jun 9, 2024

by Shiv J.M. (13 posts) · Website & RSS feed

Categories: CSS/Sass Configuration How to...Plugins

Virtual Templates in Eleventy

In Eleventy 3.0, virtual templates enable plugin authors to publish and share dynamic templates.

Jun 1, 2024

by Aleksandr Hovhannisyan (14 posts) · Website & RSS feed

Categories: Configuration Front Matter Global Data How to...Plugins

Getting started with Eleventy

The missing getting-started guide for the Eleventy (11ty) static-site generator.

May 27, 2024

by Sean McPherson (3 posts) · Website & RSS feed

Categories: Asset Pipelines Configuration Getting Started Layouts Shortcodes

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.

May 26, 2024

Categories: Collections Configuration Global Data How to...

Upgraded to Eleventy v3

A short summary of upgrading this website to Eleventy v3.

May 23, 2024

by Tom Doe (11 posts) · Website & RSS feed

Categories: Configuration How to...Upgrading

Putting a Class on External Links in Eleventy

Taking inspiration from a fellow blogger

May 19, 2024

by A.K. Anuszewski (2 posts) · Website & RSS feed

Categories: Configuration How to...

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.

May 13, 2024

by Estela Franco (4 posts) · Website & RSS feed

Categories: Blogging CMS Configuration How to...Pagination

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).

Apr 29, 2024

by Aaron Goldenthal (4 posts) · Website & RSS feed

Categories: Collections Configuration How to...Social Media

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).

Apr 8, 2024

by Aaron Goldenthal (4 posts) · Website & RSS feed

Categories: Collections Configuration How to...

Highlight Code Block Lines In Eleventy with Shiki Twoslash

Eleventy Markdown code block line highlighting made simple

Apr 4, 2024

by Henry Bley-Vroman (4 posts) · Website & RSS feed

Categories: Configuration How to...Markdown Plugins

Numbered Code Block Lines in Eleventy with Shiki Twoslash

Bringing in a third-party library for easy, reliable line numbering

Apr 4, 2024

by Henry Bley-Vroman (4 posts) · Website & RSS feed

Categories: Configuration How to...Markdown Plugins

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.

Mar 26, 2024

by Danial Zahid (6 posts) · Website

Categories: Configuration How to...Layouts

Automatic image pre-processing in Eleventy, Part 2

A post about the new automatic template image scaling support in Eleventy Image 4.0.0.

Mar 13, 2024

by Martin Gunnarsson (9 posts) · Website & RSS feed

Categories: Configuration How to...Images

How I Eleventy

Documenting a refactor that introduced a folder structure and configuration changes, which summarises how I Eleventy.

Mar 13, 2024

by Declan Byrd (2 posts) · Website & RSS feed

Categories: Configuration How to...Layouts Markdown Permalinks Shortcodes

Draft Posts in Eleventy

Local-only posts enhance the author experience

Mar 6, 2024

by Henry Bley-Vroman (4 posts) · Website & RSS feed

Categories: Blogging Collections Configuration Drafts How to...

Adding inline SVGs to Eleventy.js

JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.

Mar 3, 2024

by Jordan Kohl (8 posts) · Website

Categories: How to...Images Configuration

Eleventy: pathPrefix and GitHub Pages

Quick step-by-step recipe on how to deploy Eleventy site inside a subdirectory.

Mar 3, 2024

by Łukasz Wójcik (2 posts) · Website & RSS feed

Categories: Configuration Debugging Deployment

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.

Mar 1, 2024

Categories: Blogging Collections Configuration Dates How to...

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.

Feb 26, 2024

Categories: Configuration How to...

Eleventy: custom markup alongside item contents

Short and quick tutorial on how to embed custom HTML content between post paragraphs on an Eleventy site.

Feb 23, 2024

by Łukasz Wójcik (2 posts) · Website & RSS feed

Categories: Configuration Filters How to...

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.

Feb 15, 2024

Categories: Configuration Data Cascade Deployment Images

Keeping your Algolia search index up to date

Feb 12, 2024

by Jaden Baptista (1 post) · Website

Categories: Configuration How to...Search

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.

Feb 8, 2024

by Estela Franco (4 posts) · Website & RSS feed

Categories: CMS Configuration Global Data How to...

LESSONS LEARNED MOVING ELEVENTY FROM COMMONJS TO ESM

A post by Zach Leatherman (zachleat)

Feb 7, 2024

Categories: Configuration How to...Plugins From the Source Upgrading

Different favicon for development build

How to make tabs in the browser always show which build you’re working on.

Jan 30, 2024

by Nikita Dubko (1 post) · Website & RSS feed

Categories: Configuration How to...Nunjucks/Macros

Top 11 free Eleventy themes for 2024

A curated list of the top 11 Eleventy themes on GitHub in 2024.

Jan 30, 2024

by Jaimie McMahon (1 post) · Website & RSS feed

Categories: Configuration Getting Started Layouts

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.

Jan 27, 2024

Categories: Configuration How to...

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.

Jan 26, 2024

by Andy Bell (3 posts) · Website & RSS feed

Categories: Collections Configuration How to...Layouts Pagination

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?

Jan 24, 2024

Categories: Configuration Global Data How to...Layouts

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.

Jan 24, 2024

by S. Amir Mohammad Najafi (1 post) · Website & RSS feed

Categories: Configuration Getting Started Performance

Using 11ty to generate Open Graph images

Create unique images for each page at build time

Jan 24, 2024

by John Brooks (4 posts) · Website & RSS feed

Categories: Configuration How to...Images Social Media

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.

Jan 20, 2024

by David Eastman (2 posts) · Website & RSS feed

Categories: Collections Configuration Layouts

Cloudflare _redirects

Keeping old paths alive on the new site

Jan 14, 2024

by Jeff Sheets (5 posts) · Website

Categories: Configuration Deployment How to...

Adding Decap CMS to 11ty

One person is typing.

Jan 13, 2024

Categories: Blogging CMS Configuration How to...Plugins

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.

Jan 12, 2024

by fLaMEd (10 posts) · Website & RSS feed

Categories: Configuration Deployment Front Matter How to...Pagination

Updated Eleventy Future Post Plugin

Jan 11, 2024

Categories: Configuration Global Data Plugins

Hiding Future Posts in Eleventy

Describes how to hide posts with a future publishing date in an Eleventy site.

Jan 10, 2024

Categories: Blogging Configuration Global Data How to...Plugins

Eleventy Photo Gallery

How I used JPEGs as templates in Eleventy to build a photo gallery

Jan 5, 2024

by Evan Sheehan (8 posts) · Website & RSS feed

Categories: Configuration How to...Images Layouts Image Galleries

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.

Jan 5, 2024

Categories: Configuration How to...Performance

2023

Building robots.txt from a simple API endpoint

Multiline Comment • The online journal of Ashur Cabrera

Dec 31, 2023

by Ashur Cabrera (8 posts) · Website & RSS feed

Categories: Configuration How to...Remote Data

Automatic pre-processing of post images in Eleventy

A brief description of how I set up automatic image scaling in Eleventy.

Dec 29, 2023

by Martin Gunnarsson (9 posts) · Website & RSS feed

Categories: Configuration How to...Images Plugins

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

Dec 24, 2023

by Robb Knight (20 posts) · Website & RSS feed

Categories: Configuration How to...Images Layouts Social Media

Generating OG Images in Eleventy

Creating OG images for your Eleventy page is really easy with eleventy-plugin-og-image. I show you how!

Dec 23, 2023

by Kilian Finger (1 post) · Website & RSS feed

Categories: Configuration Plugins Social Media

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.

Dec 23, 2023

Categories: Blogging Collections Configuration Internationalization Layouts

ELEVENTY V3 WITH ESM SUPPORT NOW ON THE CANARY CHANNEL

A post by Zach Leatherman (zachleat)

Dec 18, 2023

Categories: Configuration Deployment Migrating to Eleventy From the Source

Maintaining working local links in Eleventy

How to keep links between Markdown files working both locally and on your Eleventy site.

Dec 18, 2023

by Martin Gunnarsson (9 posts) · Website & RSS feed

Categories: Configuration Markdown

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.

Dec 13, 2023

by Danial Zahid (6 posts) · Website

Categories: Configuration How to...

Add high-performance search to static sites with PageFind

The concise guide to using Pagefind for your static site’s search functionality.

Dec 11, 2023

by Henry Bley-Vroman (4 posts) · Website & RSS feed

Categories: Configuration How to...Search

Let’s create a microblog with visual editing using Bookshop and Eleventy

Visual editing is table stakes for a modern content management workflow.

Dec 7, 2023

Categories: Blogging CMS CSS/Sass Configuration How to...

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.

Dec 7, 2023

by Nelson Michael (2 posts) · Website

Categories: Blogging Configuration Getting Started Why Eleventy?

Eleventy WebC in a nutshell

Dec 2, 2023

by Rob Anderson (5 posts) · Website & RSS feed

Categories: Configuration Layouts Plugins WebC

Automating Eleventy Server with Visual Studio Code Tasks

Nov 28, 2023

by Dan Ryan (1 post) · Website & RSS feed

Categories: Configuration How to...WebC

How to schedule posts in Eleventy

Nov 21, 2023

by Sophie Koonin (5 posts) · Website & RSS feed

Categories: Blogging Configuration Deployment How to...Scheduling

11ty and Observable

Nov 11, 2023

by Harris Lapiroff (6 posts) · Website & RSS feed

Categories: Configuration How to...

Default layouts in 11ty

Nov 6, 2023

by Remy Sharp (2 posts) · Website & RSS feed

Categories: Configuration How to...Layouts

Eleventy Excellent demo branches

Frontend developer and designer living in Madrid. I enjoy working with semantic HTML, vanilla Javascript and modern CSS.

Oct 30, 2023

by Lene Saile (6 posts) · Website & RSS feed

Categories: Blogging Configuration Pagination

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.

Oct 29, 2023

Categories: Configuration How to...

Clean Up Your Config File

MooseDog Studios - Where Convention Takes A Back Seat To Quality

Oct 23, 2023

by Robin Hoover (4 posts) · Website

Categories: Configuration How to...

TinaCMS + 11ty

Taking a deep dive into setting up a CMS for my static site with TinaCMS

Oct 17, 2023

by Clayton Errington (18 posts) · Website & RSS feed

Categories: Blogging CMS Configuration Deployment How to...

Making a lighthouse-fast website with a static site generator like 11ty

Creating an SSG flow to generate a highly optimized static website.

Oct 7, 2023

by Piotr Maliński (3 posts) · Website & RSS feed

Categories: Configuration How to...Images CSS/Sass Social Media

A step-by-step guide to adding a blogroll, complete with each blog’s latest posts, to your Eleventy site.

Sep 21, 2023

by Ben Myers (6 posts) · Website & RSS feed

Categories: Data Cascade Remote Data How to...Configuration Blogging

CloudCannon + Eleventy

Getting CloudCannon setup with your Eleventy project is easier than you think

Sep 6, 2023

by Clayton Errington (18 posts) · Website & RSS feed

Categories: Deployment How to...Collections Configuration

11ty draft posts - Set up a draft system in 11ty

Setting a post to draft in 11ty while writing

Sep 1, 2023

Categories: Configuration How to...Drafts

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.

Aug 5, 2023

Categories: How to...Configuration Getting Started

Favicon Generation In Eleventy

Generating favicon from svg in 11ty using sharp

Jul 14, 2023

Categories: Configuration How to...Images

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.

Jul 6, 2023

Categories: How to...Configuration

Introducing: 11ty with reasonable defaults

TL;DR Initialize your 11ty projects with reasonable defaults: npm install -g yo npm... Tagged with showdev, webdev, productivity.

Jul 2, 2023

by Winston Puckett (1 post) · Website & RSS feed

Categories: Configuration

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.

Jun 29, 2023

by Martin Schneider (7 posts) · Website & RSS feed

Categories: CSS/Sass Configuration How to...

Postcss 11ty Integration Update

I'm equilibriumuk, a software engineer. I write about programming & computer related topics

Jun 29, 2023

Categories: CSS/Sass Configuration How to...

11ty Postcss Integration Optimized

I'm equilibriumuk, a software engineer. I write about programming & computer related topics

Jun 29, 2023

Categories: CSS/Sass Configuration Performance

Integrating Tailwindcss With Eleventy

I'm equilibriumuk, a software engineer. I write about programming & computer related topics

Jun 24, 2023

Categories: CSS/Sass Configuration How to...Plugins

Integrating JSON-LD Into Your Eleventy Pages

MooseDog Studios - Where Convention Takes A Back Seat To Quality

Jun 9, 2023

by Robin Hoover (4 posts) · Website

Categories: Configuration How to...

CSS workflow and cache busters in 11ty

How I build/watch CSS with cache busters in 11ty.

May 9, 2023

by John Brooks (4 posts) · Website & RSS feed

Categories: CSS/Sass Configuration How to...

Embed JSDoc comments in an Eleventy website

May 3, 2023

by Rob Anderson (5 posts) · Website & RSS feed

Categories: How to...Configuration

Meta Description and Keywords in Eleventy

This article describes how I added HTML Keywords to an Eleventy site.

May 1, 2023

Categories: Configuration How to...

Automated workflows for websites

In this article, I'm writing about automated workflows I added to this blog.

Apr 20, 2023

by Lea Rosema (4 posts) · Website

Categories: Configuration How to...

New Blog Same as the Old Blog

Details about my site rebuild.

Mar 27, 2023

Categories: Blogging Configuration

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.

Mar 15, 2023

Categories: Configuration How to...

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.

Mar 7, 2023

by Jordan Kohl (8 posts) · Website

Categories: How to...Configuration Drafts

Font Subsetting with Eleventy.js

Blog and general digital garden of the full stack programmer Simon Dann.

Mar 3, 2023

by Simon Dann (11 posts) · Website & RSS feed

Categories: Asset Pipelines Configuration How to...Plugins

Combining 11ty Static Site Generator with ASP.NET Core

Combining 11ty Static Site Generator with ASP.NET Core for maximum awesomeness.

Feb 21, 2023

by Khalid Abuhakmeh (3 posts) · Website

Categories: Asset Pipelines Configuration

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.

Feb 9, 2023

by Aaron Goldenthal (4 posts) · Website & RSS feed

Categories: Configuration Deployment How to...

Using Rmarkdown with Eleventy

My work, notes, musings and more. Some serious, some not.

Feb 9, 2023

by Michael Schmidt (2 posts) · Website & RSS feed

Categories: Configuration Front Matter How to...Markdown

CAUTION

The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 3.12.

How to programmatically add tags to posts in 11ty

Blog and general digital garden of the full stack programmer Simon Dann.

Jan 30, 2023

by Simon Dann (11 posts) · Website & RSS feed

Categories: Blogging Collections Configuration How to...Plugins

Adding Wiki Links to 11ty

Blog and general digital garden of the full stack programmer Simon Dann.

Jan 25, 2023

by Simon Dann (11 posts) · Website & RSS feed

Categories: Blogging Configuration How to...Markdown

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.

Jan 25, 2023

by Jeremy Faucher (8 posts) · Website & RSS feed

Categories: CSS/Sass Configuration How to...Nunjucks/Macros

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.

Jan 23, 2023

by Jérôme Coupé (10 posts) · Website & RSS feed

Categories: Asset Pipelines Configuration

Using Eleventy filters in Directory Computed Data

Eleventy Computed Data makes it easy to reuse your filters outside of your templates.

Jan 16, 2023

by Chris Coleman (2 posts) · Website

Categories: Configuration Data Cascade Filters

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!

Nov 29, 2022

by Lene Saile (6 posts) · Website & RSS feed

Categories: Configuration

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.

Nov 9, 2022

by Prabashwara Seneviratne (1 post) · Website & RSS feed

Categories: Configuration How to...Image Galleries Images Shortcodes

Why I built my own Vue plugin for Eleventy

Why and how I built my own Vue plugin for Eleventy.

Oct 22, 2022

by Fynn Becker (3 posts) · Website & RSS feed

Categories: Configuration Plugins

Support Draft Blog Posts in Eleventy

A look at various ways of supporting draft posts with Eleventy

Aug 14, 2022

Categories: How to...Configuration Collections Drafts

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.

Jun 29, 2022

by David Darnes (5 posts) · Website & RSS feed

Categories: Configuration

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.

Jun 5, 2022

by Luciano Mammino (3 posts) · Website & RSS feed

Categories: How to...Configuration

Eleventy + Vue 3

Tips and tricks for using Vue 3 Single File Components as templates for Eleventy.

Mar 20, 2022

by Fynn Becker (3 posts) · Website & RSS feed

Categories: Configuration How to...Plugins

11ty aliases the right way

A short little tutorial on how to make redirects in 11ty that aren't awful.

Mar 20, 2022

by Evan Boehs (2 posts) · Website & RSS feed

Categories: Collections Configuration How to...Pagination

This static blog is generated with Eleventy and all its social images are automatically generated with node-canvas. In this tutorial we’ll set up a basic version of this script so you can use it on your blog as well.

Mar 17, 2022

by Rik Schennink (1 post) · Website & RSS feed

Categories: Configuration How to...Social Media

CAUTION

The posts below were published before the release of Eleventy v1.0.0 (Jan 9, 2022). Information in these posts may be out of date. The current stable release is 3.12.

11ty tips I wish I knew from the start

David East's personal site full of blog posts and stuff.

Jan 3, 2022

by David East (1 post) · Website

Categories: Configuration Data Cascade Getting Started Navigation

2021

Just Enough JavaScript for Eleventy

Want to try Eleventy, but not very experienced in JavaScript yet? You're in the right place.

Dec 25, 2021

Categories: Configuration How to...

Managing a secrets directory in your eleventy site

A personal blog where I write about my side projects

Nov 7, 2021

by Adrien (2 posts) · Website

Categories: Configuration How to...

Eleventy 1.0 - Dynamic Ignores

Eleventy 1.0's new support for dynamic file ignore settings.

Oct 15, 2021

Categories: Configuration

Eleventy Hack/Tip/Possibly Bad Idea - Dynamic Theme Testing

How to test a new theme in an Eleventy site

Oct 11, 2021

Categories: How to...Configuration

Inspecting an existing 11ty project

Great talk by Cassey Lottman

Oct 4, 2021

by Katie Kodes (2 posts) · Website & RSS feed

Categories: How to...Configuration Debugging

An Adobe PDF Embed Plugin for Eleventy

Eleventy users can now add a PDF Embed plugin to their sites

Aug 2, 2021

Categories: How to...Global Data Configuration Plugins

Getting your bearings in an existing Eleventy project

Questions to ask to start making changes quickly

Jul 26, 2021

Categories: Configuration

Turn static HTML/CSS into a blog with CMS using the JAMStack

YouTube video

Jun 24, 2021

by Kevin Powell (1 post)

Categories: CMS Configuration Deployment Getting Started Blogging

npx eleventy !== npx @11ty/eleventy

Use the former at your own risk.

Apr 7, 2021

Categories: How to...Configuration

Building a Simple Image Gallery with Eleventy

Using the Image plugin with Eleventy to build a simple gallery

Apr 7, 2021

Categories: Images How to...Plugins Configuration Image Galleries

Create an Eleventy podcast feed

Want to add an iTunes and Google friendly podcast feed to your Eleventy site? Here's how.

Feb 8, 2021

by Marc Littlemore (4 posts) · Website & RSS feed

Categories: Filters Blogging How to...Configuration

Configure markdown footnotes in eleventy

Jan 23, 2021

by Al Power (9 posts) · Website & RSS feed

Categories: How to...Markdown Configuration

Using Pre-Built Lunr Indexes with Eleventy

Switching to Pre-Built Lunr indexes with Eleventy sites

Jan 22, 2021

Categories: Search How to...Configuration

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

Dec 31, 2020

by Andy Bell (3 posts) · Website & RSS feed

Categories: Configuration How to...

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.

Dec 20, 2020

by Michael Harley (14 posts) · Website & RSS feed

Categories: Getting Started Blogging Why Eleventy?Configuration Layouts

Inlining scripts and styles in 11ty

I’m Kitty Giraudel, a transfeminine web engineer based in Berlin, focused on accessibility and inclusivity.

Dec 3, 2020

by Kitty Giraudel (4 posts) · Website & RSS feed

Categories: CSS/Sass Configuration

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

Nov 22, 2020

by Eric Bailey (2 posts) · Website & RSS feed

Categories: Configuration How to...

Selecting Random Posts in Eleventy

A look at adding links to random pages in Eleventy

Oct 26, 2020

Categories: How to...Filters Configuration

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.

Oct 5, 2020

by Mike Street (13 posts) · Website & RSS feed

Categories: Configuration How to...

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.

Sep 17, 2020

by Luciano Mammino (3 posts) · Website & RSS feed

Categories: How to...Configuration

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.

Apr 2, 2020

by Khalid Abuhakmeh (3 posts) · Website

Categories: Configuration Data Cascade Filters Getting Started

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.

Mar 25, 2020

by Juha-Matti Santala (21 posts) · Website & RSS feed

Categories: Analytics Getting Started Blogging Configuration

Adding Another Template Language to Eleventy

Father, husband, developer relations and web standards expert, and cat demo builder.

Feb 19, 2020