Official 11ty docs
Configuration — Eleventy
132 posts in 'Configuration'
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/SassConfigurationImages
Building a Blog with Eleventy (blind, any%)
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: BloggingCSS/SassCollectionsConfigurationData CascadeFiltersGetting StartedGlobal DataLayoutsMarkdownNavigationPaginationPluginsShortcodes
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 (14 posts) · Website & RSS feed
Categories: BloggingConfigurationFiltersGetting StartedHow to...Plugins
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: ConfigurationImagesMarkdownPlugins
Typescript Eleventy Config
Benny Powers, Web Developer
Sep 3, 2024
by Benny Powers (8 posts) · Website
Categories: ConfigurationHow to...
Making blog post source files available with 11ty
You can now view the source file for any blog post on my site by replacing the trailing slash with .txt in the URL. For example, the source file for this post is available here. You can also replace the trailing slash with the original file extension of the source. Most of my blog posts are composed in Markdown, so the extension will usually be .md, but my setup also supports the occasional .ojs (for Observable notebooks) or .html post. But .txt will always work.
Aug 31, 2024
by Harris Lapiroff (3 posts) · Website & RSS feed
Categories: BloggingConfigurationHow 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…
Aug 28, 2024
by Trevor Morris (8 posts) · Website & RSS feed
Categories: CollectionsConfigurationFiltersHow 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: ConfigurationGlobal DataHow 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 do…
Aug 22, 2024
by Trevor Morris (8 posts) · Website & RSS feed
Categories: ConfigurationFiltersHow to...Shortcodes
Syntax highlighting in Eleventy
How the syntax highlighting and codeblocks work on this site
Jul 31, 2024
by Nathan Smith (2 posts) · Website
Categories: CSS/SassConfigurationHow to...
IMPROVED ERROR MESSAGING FOR REQUIRE(ESM) IN NODE.JS
A post by Zach Leatherman (zachleat)
Jul 24, 2024
by Zach Leatherman (44 posts) · Website & RSS feed
Categories: ConfigurationDebuggingHow to...
11ty : how to use the image plugin to generate responsive images for CSS
Medium post
Jul 13, 2024
by Phil Rentier Digital (1 post)
Categories: CSS/SassConfigurationHow to...ImagesShortcodes
Add Squirrelly Support to Eleventy
How to add Squirrelly support to Eleventy
Jul 6, 2024
by Raymond Camden (101 posts) · Website & RSS feed
Categories: ConfigurationHow to...
Eleventy Buckets & Cascade Layers
Solving a problem I created
Jul 6, 2024
by Miriam Suzanne (1 post) · Website & RSS feed
Categories: Asset PipelinesCSS/SassConfigurationHow to...WebC
THE SMORGASBORD OF WINDOWS TERMINAL… WINDOWS
A post by Zach Leatherman (zachleat)
Jun 30, 2024
by Zach Leatherman (44 posts) · Website & RSS feed
Categories: ConfigurationGetting StartedHow to...
Upgrade 11ty to v3, reorg, ESM, and debug
I upgraded to 11ty v3 and proceeded to debug.
Jun 28, 2024
by Bob Monsour (10 posts) · Website & RSS feed
Categories: ConfigurationFiltersUpgrading
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
by Rob O'Leary (11 posts) · Website & RSS feed
Categories: ConfigurationData CascadeHow to...
Readable HTML and CSS
Instead of minifying HTML and CSS, I make it easy to read.
Jun 9, 2024
by Shiv J.M. (11 posts) · Website & RSS feed
Categories: CSS/SassConfigurationHow 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: ConfigurationFront MatterGlobal DataHow to...Plugins
Getting started with Eleventy
The missing getting-started guide for the Eleventy (11ty) static-site generator.
May 27, 2024
by Sean McPherson (2 posts) · Website & RSS feed
Categories: Asset PipelinesConfigurationGetting StartedLayoutsShortcodes
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
by Rob O'Leary (11 posts) · Website & RSS feed
Categories: CollectionsConfigurationGlobal DataHow to...
Upgraded to Eleventy v3
A short summary of upgrading this website to Eleventy v3.
May 23, 2024
by Tom Doe (8 posts) · Website & RSS feed
Categories: ConfigurationHow 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: ConfigurationHow 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: BloggingCMSConfigurationHow 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: CollectionsConfigurationHow 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: CollectionsConfigurationHow to...
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: ConfigurationHow 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: ConfigurationHow to...LayoutsMarkdownPermalinksShortcodes
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...ImagesConfiguration
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: ConfigurationDebuggingDeployment
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
by Rob O'Leary (11 posts) · Website & RSS feed
Categories: BloggingCollectionsConfigurationDatesHow 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
by Tobias Fedder (5 posts) · Website & RSS feed
Categories: ConfigurationHow 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: ConfigurationFiltersHow 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
by Rob O'Leary (11 posts) · Website & RSS feed
Categories: ConfigurationData CascadeDeploymentImages
Keeping your Algolia search index up to date
Keeping your search index up to date as your content changes is critically important to ensure your search results return valid information. Here's how it's done.
Feb 12, 2024
by Jaden Baptista (1 post) · Website
Categories: ConfigurationHow 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: CMSConfigurationGlobal DataHow to...
LESSONS LEARNED MOVING ELEVENTY FROM COMMONJS TO ESM
A post by Zach Leatherman (zachleat)
Feb 7, 2024
by Zach Leatherman (44 posts) · Website & RSS feed
Categories: ConfigurationHow to...PluginsFrom the SourceUpgrading
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: ConfigurationHow 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: ConfigurationGetting StartedLayouts
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
by Rob O'Leary (11 posts) · Website & RSS feed
Categories: ConfigurationHow 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: CollectionsConfigurationHow to...LayoutsPagination
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
by Rob O'Leary (11 posts) · Website & RSS feed
Categories: ConfigurationGlobal DataHow 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: ConfigurationGetting StartedPerformance
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: CollectionsConfigurationLayouts
Cloudflare _redirects
Keeping old paths alive on the new site
Jan 14, 2024
by Jeff Sheets (5 posts) · Website
Categories: ConfigurationDeploymentHow to...
Adding Decap CMS to 11ty
One person is typing.
Jan 13, 2024
by Cassey Lottman (11 posts) · Website & RSS feed
Categories: BloggingCMSConfigurationHow 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: ConfigurationDeploymentFront MatterHow to...Pagination
Updated Eleventy Future Post Plugin
Jan 11, 2024
by John M. Wargo (43 posts) · Website & RSS feed
Categories: ConfigurationGlobal DataPlugins
Hiding Future Posts in Eleventy
Describes how to hide posts with a future publishing date in an Eleventy site.
Jan 10, 2024
by John M. Wargo (43 posts) · Website & RSS feed
Categories: BloggingConfigurationGlobal DataHow to...Plugins
Eleventy Photo Gallery
How I used JPEGs as templates in Eleventy to build a photo gallery
Jan 5, 2024
by Evan Sheehan (7 posts) · Website & RSS feed
Categories: ConfigurationHow to...ImagesLayoutsImage 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
by Tobias Fedder (5 posts) · Website & RSS feed
Categories: ConfigurationHow to...Performance
Building robots.txt from a simple API endpoint
The online journal of Ashur Cabrera.
Dec 31, 2023
by Ashur Cabrera (8 posts) · Website & RSS feed
Categories: ConfigurationHow 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: ConfigurationHow to...ImagesPlugins
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 (19 posts) · Website & RSS feed
Categories: ConfigurationHow to...ImagesLayoutsSocial 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: ConfigurationPluginsSocial 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
by Tobias Fedder (5 posts) · Website & RSS feed
Categories: BloggingCollectionsConfigurationInternationalizationLayouts
ELEVENTY V3 WITH ESM SUPPORT NOW ON THE CANARY CHANNEL
A post by Zach Leatherman (zachleat)
Dec 18, 2023
by Zach Leatherman (44 posts) · Website & RSS feed
Categories: ConfigurationDeploymentMigrating to EleventyFrom 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: ConfigurationMarkdown
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
by Zach Leatherman (44 posts) · Website & RSS feed
Categories: BloggingCMSCSS/SassConfigurationHow 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: BloggingConfigurationGetting StartedWhy Eleventy?
Eleventy WebC in a nutshell
Dec 2, 2023
by Rob Anderson (5 posts) · Website & RSS feed
Categories: ConfigurationLayoutsPluginsWebC
Automating Eleventy Server with Visual Studio Code Tasks
Nov 28, 2023
by Dan Ryan (1 post) · Website & RSS feed
Categories: ConfigurationHow to...WebC
How to schedule posts in Eleventy
Nov 21, 2023
by Sophie Koonin (5 posts) · Website & RSS feed
Categories: BloggingConfigurationDeploymentHow to...Scheduling
11ty and Observable
Nov 11, 2023
by Harris Lapiroff (3 posts) · Website & RSS feed
Categories: ConfigurationHow to...
Default layouts in 11ty
Default layouts in 11ty
Nov 6, 2023
by Remy Sharp (2 posts) · Website & RSS feed
Categories: ConfigurationHow 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: BloggingConfigurationPagination
Cleaning up the 11ty config
The eleventy config file can get cluttered quickly so I cleaned mine up
Oct 29, 2023
by Simon Cox (11 posts) · Website & RSS feed
Categories: ConfigurationHow 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: ConfigurationHow to...
TinaCMS + 11ty
Taking a deep dive into setting up a CMS for my static site with TinaCMS
Oct 17, 2023
by Clayton Errington (12 posts) · Website & RSS feed
Categories: BloggingCMSConfigurationDeploymentHow 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: ConfigurationHow to...ImagesCSS/SassSocial Media
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.
Sep 21, 2023
by Ben Myers (6 posts) · Website & RSS feed
Categories: Data CascadeRemote DataHow to...ConfigurationBlogging
CloudCannon + Eleventy
Getting CloudCannon setup with your Eleventy project is easier than you think
Sep 6, 2023
by Clayton Errington (12 posts) · Website & RSS feed
Categories: DeploymentHow to...CollectionsConfiguration
Flickerless dark mode in 11ty with Tailwind CSS
Just a couple of days ago, I was about to rebuild my portfolio website from scratch. As a typical web... Tagged with webdev, javascript, tutorial, html.
Sep 4, 2023
by Tengku Farhan (1 post) · Website & RSS feed
Categories: CSS/SassConfigurationHow to...
11ty draft posts - Set up a draft system in 11ty
Setting a post to draft in 11ty while writing
Sep 1, 2023
by Simon Cox (11 posts) · Website & RSS feed
Categories: ConfigurationHow 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
by Simon Cox (11 posts) · Website & RSS feed
Categories: How to...ConfigurationGetting Started
Use TailwindCSS with Eleventy Static Site Generator
A guide to using Tailwindcss and Eleventy with auto reloading feature. You will also learn to add DaisyUI in conjunction with TailwindCSS.
Jul 30, 2023
by Hrishikesh Pathak (3 posts) · Website & RSS feed
Categories: CSS/SassConfigurationHow to...
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
by Simon Cox (11 posts) · Website & RSS feed
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/SassConfigurationHow to...
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: ConfigurationHow 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
by John M. Wargo (43 posts) · Website & RSS feed
Categories: ConfigurationHow 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: ConfigurationHow to...
New Blog Same as the Old Blog
Details about my site rebuild.
Mar 27, 2023
by Raymond Camden (101 posts) · Website & RSS feed
Categories: BloggingConfiguration
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
by John M. Wargo (43 posts) · Website & RSS feed
Categories: ConfigurationHow 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...ConfigurationDrafts
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 PipelinesConfigurationHow 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 PipelinesConfiguration
Setup GitLab Review Apps with Eleventy
A technique to setup GitLab Review Apps for an Eleventy site.
Feb 9, 2023
by Aaron Goldenthal (4 posts) · Website & RSS feed
Categories: ConfigurationDeploymentHow 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: ConfigurationFront MatterHow to...Markdown
CAUTION
The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.
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: BloggingCollectionsConfigurationHow 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: BloggingConfigurationHow 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/SassConfigurationHow 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é (9 posts) · Website & RSS feed
Categories: Asset PipelinesConfiguration
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: ConfigurationData CascadeFilters
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
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: ConfigurationPlugins
Support Draft Blog Posts in Eleventy
A look at various ways of supporting draft posts with Eleventy
Aug 14, 2022
by Raymond Camden (101 posts) · Website & RSS feed
Categories: How to...ConfigurationCollectionsDrafts
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: ConfigurationHow 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: CollectionsConfigurationHow to...Pagination
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.
Mar 17, 2022
by Rik Schennink (1 post) · Website & RSS feed
Categories: ConfigurationHow 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 2.0.1. Eleventy v3.0 is currently under development and available for testing.
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: ConfigurationData CascadeGetting StartedNavigation
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
by Cassey Lottman (11 posts) · Website & RSS feed
Categories: ConfigurationHow 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: ConfigurationHow to...
Eleventy 1.0 - Dynamic Ignores
Eleventy 1.0's new support for dynamic file ignore settings.
Oct 15, 2021
by Raymond Camden (101 posts) · Website & RSS feed
Categories: Configuration
Eleventy Hack/Tip/Possibly Bad Idea - Dynamic Theme Testing
How to test a new theme in an Eleventy site
Oct 11, 2021
by Raymond Camden (101 posts) · Website & RSS feed
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...ConfigurationDebugging
An Adobe PDF Embed Plugin for Eleventy
Eleventy users can now add a PDF Embed plugin to their sites
Aug 2, 2021
by Raymond Camden (101 posts) · Website & RSS feed
Categories: How to...Global DataConfigurationPlugins
Getting your bearings in an existing Eleventy project
Questions to ask to start making changes quickly
Jul 26, 2021
by Cassey Lottman (11 posts) · Website & RSS feed
Categories: Configuration
Turn static HTML/CSS into a blog with CMS using the JAMStack
YouTube video
Jun 24, 2021
Categories: CMSConfigurationDeploymentGetting StartedBlogging
npx eleventy !== npx @11ty/eleventy
Use the former at your own risk.
Apr 7, 2021
by Cassey Lottman (11 posts) · Website & RSS feed
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
by Raymond Camden (101 posts) · Website & RSS feed
Categories: ImagesHow to...PluginsConfigurationImage 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: FiltersBloggingHow to...Configuration
Configure markdown footnotes in eleventy
Eleventy (11ty) Tutorial
Jan 23, 2021
by Al Power (8 posts) · Website & RSS feed
Categories: How to...MarkdownConfiguration
Using Pre-Built Lunr Indexes with Eleventy
Switching to Pre-Built Lunr indexes with Eleventy sites
Jan 22, 2021
by Raymond Camden (101 posts) · Website & RSS feed
Categories: SearchHow to...Configuration
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: ConfigurationHow to...
Building my personal site with Eleventy
Power Platform Developer and all around cool guy
Dec 20, 2020
by Michael Harley (14 posts) · Website & RSS feed
Categories: Getting StartedBloggingWhy Eleventy?ConfigurationLayouts
Inlining scripts and styles in 11ty
I’m Kitty Giraudel, a non-binary trans frontend developer based in Berlin, focused on accessibility and inclusivity.
Dec 3, 2020
by Kitty Giraudel (4 posts) · Website & RSS feed
Categories: CSS/SassConfiguration
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: ConfigurationHow to...
Selecting Random Posts in Eleventy
A look at adding links to random pages in Eleventy
Oct 26, 2020
by Raymond Camden (101 posts) · Website & RSS feed
Categories: How to...FiltersConfiguration
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: ConfigurationHow 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: ConfigurationData CascadeFiltersGetting 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 (14 posts) · Website & RSS feed
Categories: Getting StartedBloggingConfiguration
Adding Another Template Language to Eleventy
Father, husband, developer relations and web standards expert, and cat demo builder.
Feb 19, 2020
by Raymond Camden (101 posts) · Website & RSS feed
Categories: ConfigurationHow to...
Checking (and Upgrading) Template Engines in Eleventy
How to check the version of embedded template engines in Eleventy
Feb 7, 2020
by Raymond Camden (101 posts) · Website & RSS feed
Categories: How to...ConfigurationFilters
Adding a Last Edited Field to Eleventy
How to add a "Last Edited" value to Eleventy pages.
Feb 6, 2020
by Raymond Camden (101 posts) · Website & RSS feed
Categories: How to...CollectionsConfigurationDates
Code comfort: Eleventy and webpack
Some words about my Eleventy/webpack configuration.
Dec 14, 2019
by Bryce Wray (26 posts) · Website & RSS feed
Categories: How to...Configuration
Adding Search to your Eleventy Static Site with Lunr
Using Lunr to add client-site search to your static site
Oct 20, 2019
by Raymond Camden (101 posts) · Website & RSS feed
Categories: SearchCollectionsConfiguration