Issue 3
Apr 11, 2023
4 minutes to read
Welcome to Issue 3 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.
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.
Raymond Camden · Apr 6, 2023
Categories: CMS
3 Methods for scoped styles in web components that work everywhere
A post by Zach Leatherman (zachleat)
Zach Leatherman · 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.
John Hobbs · Apr 5, 2023
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.
Murtuzaali Surti · Apr 5, 2023
Categories: How to...
WebC Updates in Eleventy - Looping
A look at another new WebC feature - looping
Raymond Camden · Apr 4, 2023
Categories: WebC
GitLab CI Pipeline for Eleventy
A detailed breakdown of the GitLab CI pipeline used for this blog, which is built with Eleventy.
Aaron Goldenthal · Apr 3, 2023
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!
Steven Woodson · Feb 12, 2023
Categories: How to...
Rebuilding 11ty on a schedule
Automate the deployment of a website using Netlify and GitHub Actions at a specific time.
James Doc · Feb 10, 2023
Categories: Deployment
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.
Aaron Gustafson · Feb 3, 2023
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
Steven Woodson · Feb 2, 2023
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
Mark Llobrera · Jan 22, 2023
Categories: ImagesImage Galleries
Eleventy 2.0 & WebC
I look at my experiences trying out Eleventy and its new Web Component language, webc.
Martin Hicks · Dec 17, 2022
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.
Daniel Saunders · Dec 3, 2022
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.
Vadim Makeev · Nov 25, 2022
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.
Chris Nelson · Nov 9, 2022
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.
Daniel Saunders · Sep 26, 2022
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
Thomas Semmler · Sep 22, 2021
Categories: Getting Started
Built with Eleventy
A software developer with a passion for the powers, rights, and freedoms of users. Developer of...
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