Layouts 41 posts
Category: LAYOUTS (41 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)
Let it Snow: Adding a Falling-Snow Effect to Your Eleventy Website
As you can see, I'm getting my priorities in order. Here's how I added a falling-snow effect to my website.
By Nathan Upchurch (4 posts)
Introducing Brewventy: Your Coffee-Themed Eleventy Starter Kit
“Discover Brewventy, a customizable coffee-themed Eleventy starter with dark/light modes, SCSS-driven theming, and built-in deployment workflows for effortless site launches.”
By Kyle Reddoch (4 posts)
From Nunjucks to Vento in Eleventy: a migration guide (kinda)
A few tips to refactor your njk into vto.
By Christopher Kirk-Nielsen (14 posts)
Journal Eleventy, présentation et mini-tutoriel
Creating A Navigation Menu For the Eleventy Base Blog
Just a quick note on the fact that this blog now has a custom main navigation that can grow past the five or so items that…
By Martin Hähnel (14 posts)
Building a Quiz System With Eleventy
Remember when internet quizzes were a thing? I wanted to bring them to my website.
By Nathan Upchurch (4 posts)
2024
Adding Image Galleries to My Website
At last, I've gotten around to implementing image galleries.
By Nathan Upchurch (4 posts)
Adding Cooklang Support to Eleventy Three Ways
How I added my recipes to my blog posts with cooklang and the recipe schema
By Robb Knight (20 posts)
Building 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)
Integrating a (somewhat) custom CMS with Eleventy
I've spent the last, uh, month or so inching my way towards leveraging a CMS to manage the content on this site. It started with improving my self-hosted scrobbling setup, importing yet more of my personal data and then looking around at friendlier options to manage what I'd spun up.
By Cory Dransfeldt (46 posts)
Getting started with Eleventy
The missing getting-started guide for the Eleventy (11ty) static-site generator.
By Sean McPherson (3 posts)
Dynamic Content Includes
In this post, I explain how I solved two issues at the same time by introducing a feature to my post layout that I’m calling pre and post includes.
By Chris Burnell (8 posts)
Better 11ty Development with Tooling
Getting a component-driven development experience that fits nicely into the 11ty zen.
By Paul Everitt (2 posts)
Eleventy Layout and Template Files: A Complete Guide
Understand the basic concepts of Eleventy Layouts and Templates. Learn how the 11ty static site generator utilizes them in your Eleventy site.
By Danial Zahid (6 posts)
How I Eleventy
Documenting a refactor that introduced a folder structure and configuration changes, which summarises how I Eleventy.
By Declan Byrd (2 posts)
Eleventy - Fetch data from the Github REST API to populate a projects page
We will populate a page with data from GitHub. We will use the eleventy-fetch plugin to do this with minimal code and refresh the data every 2 days.
By Rob O'Leary (13 posts)
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)
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)
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)
Eleventy Photo Gallery
How I used JPEGs as templates in Eleventy to build a photo gallery
By Evan Sheehan (8 posts)
2023
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 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)
Making a simple Eleventy blog template
If you’ve worked with TypeScript, React or Next odds are you’ve encountered an update that broke a... Tagged with frontend, css, html, tutorial.
By Tomek Poniatowicz (2 posts)
2022
Creating a now page archive with 11ty
Blog and general digital garden of the full stack programmer Simon Dann.
By Simon Dann (11 posts)
Build a Blog With 11ty: Categories - Part 3
We are going to be go through the first steps to get up and running with 11ty. Building a 11ty site from scratch will help you keep your site lightweight, scalable and easy to manage.
By Jeremy Faucher (8 posts)
Eleventy Custom Content Type Collections and Layouts
How-to on creating separate collections and layouts for a custom content type. In this case: cocktails!
By Josh Cunningham (2 posts)
2021
How to use Vue to template your Eleventy projects
If you like using Eleventy, but would love to leverage Vue syntax in your templates, here's a guide on how to do that.
By Henry Desroches (2 posts)
Using Liquid Blocks in Eleventy Layouts
A look at using multiple blocks and having them render in Liquid templates
By Raymond Camden (104 posts)
Eleventy and template extends
A quirk detail about how Elevent handles extending a Nunjucks layout using template blocks.
By Ramon Lapenta (1 post)
2020
RSS, a love letter and walkthrough for my Eleventy site
Software developer and team lead working remotely from Richmond, VA. Loves solving problems, grilling, tinkering with Home Assistant, metal shows, and his cats.
By Michael Harley (14 posts)
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)
Building a website with a static site generator, part 2: Eleventy
In this post, we're gonna take a deeper look into Eleventy which takes care of building the website by combining layout templates with blog post data from Markdown files.
By Juha-Matti Santala (22 posts)