Skip to main content

Issue 4

3 minutes to read

Welcome to Issue 4 of the 11ty Bundle. 11ty, aka Eleventy, is a static site generator that is designed to be simple, flexible, and highly customizable. It is built on Node.js and allows developers to create websites by transforming templates and data into static HTML files. It supports multiple templating languages, including HTML, Markdown, Nunjucks, Liquid, and more, which gives developers the freedom to choose the languages they are most comfortable with or that best suit their project's needs.

Sneak peek: The next issue will be a SPECIAL issue focused on posts that discuss migration from another static site generator or platform to Eleventy. for an unpaid promo: Bryan Robinson has written a new book called "Eleventy by Example: Learn to create powerful, performant websites with a static-first mentality." It's available for pre-order now and will be released on June 9th. Check it out!

Recent releases

Eleventy Syntax Highlighter v5.0.0

A pack of Eleventy plugins for syntax highlighting in Markdown, Liquid, and Nunjucks templates. -...

Posts from around the web

Process CSS or Sass With LightningCSS

Use these plugins or code snippets to make CSS a first-class templating language in Eleventy and add processing with LightningCSS and/or Sass.

Categories: CSS/Sass

Static Site Generation with Eleventy (YouTube)

YouTube video

Categories: YouTube

Webmention Setup for Eleventy

Here’s a quick run-through of how I retrieve and utilise Webmentions with my Eleventy website.

Categories: Webmentions

Building a design system with Eleventy

How to use this flexible static site generator to create the home for digital design in your company

Categories: How to...

How I built Around the Web

How I added a new format to my website, automated publication to a newsletter, and added categories.

Categories: How to...

Eleventy Custom Content Type Collections and Layouts

How-to on creating separate collections and layouts for a custom content type. In this case: cocktails!

Categories: CollectionsLayouts

Includes and Macros

I design and build websites, web applications, and data visualizations. I’ve been known to play fiddle from time to time and board games.

Categories: Nunjucks/Macros

Using parameters in your eleventy includes with nunjucks macros

Includes are great. But for actual reusability of code, parameters are always needed. Luckily, nunjucks makes this possible with macros!

Categories: How to...Nunjucks/Macros

Modular code with Nunjucks and Eleventy

These days, web development and design are all about modularization and components. Template languages have a lot to offer and Eleventy itself has a few tricks up its sleeve.

Categories: Nunjucks/Macros

A Deep Dive Into Eleventy Static Site Generator

Learn what makes Eleventy unique, and about some essential concepts to help you successfully get started.

Categories: Getting Started

Encapsulated Eleventy/Nunjucks components with macros

How to pass parameters to an include in Nunjucks

Categories: Nunjucks/Macros

Group posts by year in Eleventy

Using a custom 11ty collection to group post by any attribute.

Categories: DatesHow to...Collections

Create a Custom Collection with Eleventy

If you've built sites using Eleventy, you're probably familiar with collections. Using the Configuration API allows for creating custom collections which can be useful to only show certain posts on your site.

Categories: Collections

Basic custom taxonomies with Eleventy

Eleventy comes with a built-in tagging system. For a recent project, I wanted to use my own category system, which led me to dive a bit deeper into extending and configuring Eleventy.

Categories: Collections

Built with Eleventy

The Globe Church

All about Jesus. Made up of all sorts of people. Involved in the greatest mission…

My name is Bram Smulders and I am a front-end UI developer from The Netherlands. I specialise in...

Bruce Taylor

Bruce is a Frontend Web Developer & UI Engineer based in Crawley, West Sussex. Specialising in...

Francis Rubio

Web developer, designer, and educator from the Philippines


Hidde's blog about web accessibility, standards, HTML, CSS, JavaScript and more.

Dogs of Dev

Pictures of dogs of people who make websites.


A wide collection of CSS tips and tricks. The best place to keep up to date with the new CSS...

Get the blog by email (or RSS)

Powered by Buttondown