Skip to main content

Issue 3

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.

Eleventy WebC v0.11.2: Fixes for slottable content

Single File Web Components. Contribute to 11ty/webc development by creating an account on GitHub.

Posts from around the web

A WebC-focused YouTube playlist

YouTube video

Apr 7, 2023

Categories: WebCYouTube

How Stable is Eleventy? (YouTube)

YouTube video

Apr 6, 2023

Categories: YouTube

Working with CloudCannon and Eleventy - My Experience

My experience testing the CloudCannon CMS experience with Eleventy.

Apr 6, 2023

Categories: CMS

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

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

Categories: How to...

WebC Updates in Eleventy - Looping

A look at another new WebC feature - looping

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.

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!

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.

Feb 10, 2023

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

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

Categories: How to...

Trying out CSS Grid’s new Masonry Layout, with a PhotoSwipe lightbox

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.

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.

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.

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.

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.

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

Sep 22, 2021

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

Jon Park

Yet another Web developer.

Vermont Beer Trail

A Comprehensive Mobile Reference and Directory of Vermont's Breweries and Their Communities

Vermont Cheese Makers

A Comprehensive Mobile Reference of Vermont's Cheese Makers and Their Communities

Kinopio Blog

What's new in Kinopio, the thinking canvas for building new ideas and solving hard problems

Eleventy Notes

A simple, lightweight, and flexible note-taking template for Eleventy.

Spencer Harston

The personal website of Spencer Harston

Get the blog by email (or RSS)

Powered by Buttondown