Issue 4
Apr 18, 2023
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.
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. -...
Apr 12, 2023
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.
Stephanie Eckles · Feb 25, 2023
Categories: CSS/Sass
Static Site Generation with Eleventy (YouTube)
YouTube video
Shawn Wildermuth · Sep 26, 2022
Categories: YouTube
Webmention Setup for Eleventy
Here’s a quick run-through of how I retrieve and utilise Webmentions with my Eleventy website.
Chris Burnell · 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
Trys Mudford · 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.
Oscar · 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!
Josh Cunningham · Jan 4, 2022
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.
Evan Sheehan · 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!
Thomas Semmler · 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.
Jérôme Coupé · 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.
Stephanie Eckles · Mar 24, 2021
Categories: Getting Started
Encapsulated Eleventy/Nunjucks components with macros
How to pass parameters to an include in Nunjucks
Trys Mudford · Feb 19, 2021
Categories: Nunjucks/Macros
Group posts by year in Eleventy
Using a custom 11ty collection to group post by any attribute.
Darek Kay · 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.
Tanner Dolby · 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.
Jérôme Coupé · Mar 4, 2020
Categories: Collections
Built with Eleventy
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 is a Frontend Web Developer & UI Engineer based in Crawley, West Sussex. Specialising in...
Web developer, designer, and educator from the Philippines
Hidde's blog about web accessibility, standards, HTML, CSS, JavaScript and more.
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...
- Previous post: Issue 3
- Next post: Issue 5 - LAUNCH DAY!