Skip to main content

Issue 4

3 minutes to read

Welcome to Issue 4 of the 11ty Bundle. 11ty, aka Eleventy, is a "simpler 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 template languages, giving developers the freedom to choose the languages that best suit the needs of their project.

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.

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

Feb 25, 2023

Categories: CSS/Sass

Webmention Setup for Eleventy

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

Aug 25, 2022

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

May 16, 2022

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.

Mar 15, 2022

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!

Jan 4, 2022

Categories: CollectionsLayouts

Includes and Macros

Comparing techniques for encapsulating HTML components in Nunjucks or Jinja2.

Nov 20, 2021

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!

Aug 10, 2021

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.

Aug 6, 2021

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.

Mar 24, 2021

Categories: Getting Started

Encapsulated Eleventy/Nunjucks components with macros

How to pass parameters to an include in Nunjucks

Feb 19, 2021

Categories: Nunjucks/Macros

Group posts by year in Eleventy

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

Jan 31, 2021

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.

Oct 31, 2020

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.

Mar 4, 2020

Categories: Collections

Built with Eleventy

The Globe Church

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

bram.is

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, England. Specialising in crafting...

Francis Rubio

Web developer, designer, and educator from the Philippines

Hidde

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

Dogs of Dev

Pictures of dogs of people who make websites.

CSS Tip

The best place to keep up to date with the new CSS features. Daily CSS tips and tricks to become a...

Get the blog by email (or RSS)

Powered by Buttondown