Issue 3
Apr 11, 2023
4 minutes to read
Welcome to Issue 3 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.
UPDATED: 2023-04-18 - I have added descriptions to each of the blog post entries. These are extracted from the blog post page itself as provided by the post's author.
Since there are so many different topics covered the blog posts, I may start creating bundles that are focused on a particular topic; either that, or organize the list of posts by topic. And maybe, just maybe, I'll move all of this to a dedicated site (yes, I've already purchased a domain).
Recent releases
Eleventy WebC v0.11.3: WebC inside Declarative Shadow DOM
Single File Web Components. Contribute to 11ty/webc development by creating an account on GitHub.
Apr 6, 2023
Eleventy WebC v0.11.2: Fixes for slottable content
Single File Web Components. Contribute to 11ty/webc development by creating an account on GitHub.
Apr 4, 2023
Posts from around the web
Working with CloudCannon and Eleventy - My Experience
My experience testing the CloudCannon CMS experience with Eleventy.
Apr 6, 2023
by Raymond Camden (103 posts) · Website & RSS feed
Categories: CMS
3 Methods for scoped styles in web components that work everywhere
A post by Zach Leatherman (zachleat)
Apr 6, 2023
Moving from WordPress to 11ty
After 17 years with WordPress, it's time for something different. Here's how I migrated 500 posts to a static site generator.
Apr 5, 2023
by John Hobbs (4 posts) · Website & RSS feed
Categories: Migrating to Eleventy
Builder.io's Partytown with 11ty
Exploring builder.io's partytown and integrating it with 11ty! It is nothing but a library which uses web workers to separately execute third party scripts.
Apr 5, 2023
by Murtuzaali Surti (4 posts) · Website & RSS feed
Categories: How to...
WebC Updates in Eleventy - Looping
A look at another new WebC feature - looping
Apr 4, 2023
by Raymond Camden (103 posts) · Website & RSS feed
Categories: WebC
GitLab CI Pipeline for Eleventy
A detailed breakdown of the GitLab CI pipeline used for this blog, which is built with Eleventy.
Apr 3, 2023
by Aaron Goldenthal (4 posts) · Website & RSS feed
Categories: Deployment
Adding a Table of Contents to dynamic content in 11ty
Code that introduces automated anchor links to headlines in Eleventy dynamic-loaded content. Improves accessibility and makes content sharing easier!
Feb 12, 2023
by Steven Woodson (6 posts) · Website & RSS feed
Categories: How to...
Rebuilding 11ty on a schedule
Automate the deployment of a website using Netlify and GitHub Actions at a specific time.
Feb 10, 2023
by James Doc (3 posts) · Website & RSS feed
Categories: DeploymentScheduling
Rebuilding a PHP App using Isomorphic JavaScript with Eleventy & Netlify
Back in the early days of the iPhone, I created Tipr, a tip calculator that always produces a palindrome total. This is an overview of the minimal work I did to make it a modern web app that can run without a traditional back-end.
Feb 3, 2023
by Aaron Gustafson (1 post) · Website & RSS feed
Categories: Edge FunctionsNetlify
A Step-by-Step Guide to Sorting Eleventy Global Data Files by Date
Step-by-step guide to date-based global data sorting in Eleventy, including automated by file last modified and manually via a data property
Feb 2, 2023
by Steven Woodson (6 posts) · Website & RSS feed
Categories: How to...
Eleventy: Building an Image Gallery with CSS Grid and PhotoSwipe
Trying out CSS Grid’s new Masonry Layout, with a PhotoSwipe lightbox
Jan 22, 2023
by Mark Llobrera (7 posts) · Website & RSS feed
Categories: ImagesImage Galleries
Eleventy 2.0 & WebC
I look at my experiences trying out Eleventy and its new Web Component language, webc.
Dec 17, 2022
by Martin Hicks (2 posts) · Website & RSS feed
Categories: WebC
Using Airtable as a Jamstack CMS
Using the Airtable hybrid spreadsheet-database app as a CMS "back-end" for a personal portfolio Jamstack website.
Dec 3, 2022
by Daniel Saunders (2 posts) · Website
Categories: Remote Data
CSS and JavaScript as first-class citizens in Eleventy
When building websites on Eleventy, we often have to decide how to deal with the CSS and JavaScript post-processing. Recently I came up with a solution, finally making CSS and JS first-class citizens in Eleventy for me.
Nov 25, 2022
by Vadim Makeev (1 post) · Website & RSS feed
Categories: CSS/Sass
Adding a Stripe cart to a static Eleventy website with LiveState: Part 1
We solve digital problems through custom software development and design for the web—apps, mobile, desktop and devices.
Nov 9, 2022
by Chris Nelson (1 post) · Website & RSS feed
Categories: How to...
How I Learned to Stop Worrying and Love the Jamstack
How I came to build (a previous version of) this site on the Jamstack.
Sep 26, 2022
by Daniel Saunders (2 posts) · Website
Categories: Why Eleventy?
Make Eleventy the next thing you learn
Why looking at the Eleventy Static Site Generator is the logical next step when learning how to make websites
Sep 22, 2021
by Thomas Semmler (3 posts) · Website & RSS feed
Categories: Getting Started
Built with Eleventy
Eleventy not so minimal blog starter
Build your own website + blog with the 'not so minimal blog starter' which uses the Eleventy static...
The Vanilla JavaScript Repository
The Vanilla JavaScript Repository
Yet another Web developer.
A Comprehensive Mobile Reference and Directory of Vermont's Breweries and Their Communities
A Comprehensive Mobile Reference of Vermont's Cheese Makers and Their Communities
What's new in Kinopio, the thinking canvas for building new ideas and solving hard problems
A simple, lightweight, and flexible note-taking template for Eleventy.
The personal website of Spencer Harston