1,177 Blog Posts

Categories: Configuration Debugging How to...

Porting to 11ty v3 and TypeScript

In which I detail how I ported recipes.genehack.org to 11ty v3 and Tyescript

Jul 21, 2024

by John Anderson (1 post) · Website & RSS feed

Categories: How to...Migrating to Eleventy

July Project Updates

An update on two projects I’ve been working on—one new and one old—based on some development oversights I’ve made in the past that I’d like to prevent going forward.

Jul 20, 2024

Categories: Dates Plugins Webmentions

Aboard the Eleventy 3.0 Train

My developer portfolio and blog website has been officially upgraded to Eleventy 3.0.

Jul 19, 2024

by Helen Chong (2 posts) · Website

Categories: CSS/Sass How to...Plugins Upgrading

It turns out a CMS can be pretty awesome

Having a CMS to update your site can be awesome. It's not strictly necessary and mine is entirely over-engineered but here we are. It's helpful on mobile, it's been incredibly useful on desktop

Jul 18, 2024

Categories: CMS Front Matter How to...Remote Data

This site is under construction!

Notes on migrating this website from Jekyll to Eleventy, as well as a bit of (re)design in the open.

Jul 14, 2024

by Chris Henrick (1 post) · Website & RSS feed

This site goes up to Eleventy.

I just migrated this little website’s internals over to Eleventy. If I did my job right, you won’t notice the change.

Jul 14, 2024

by Ethan Marcotte (1 post) · Website & RSS feed

by Phil Rentier Digital (1 post)

11ty : how to use the image plugin to generate responsive images for CSS

Medium post

Jul 13, 2024

Categories: CSS/Sass Configuration How to...Images Shortcodes

Eleventy Experiment - Salesforce User Directory

Jul 13, 2024

by Jeff Sikes (2 posts) · Website & RSS feed

Categories: Global Data How to...Search

Building a Euros sweepstake website with 11ty

Jul 11, 2024

by Rob Wood (2 posts) · Website

Categories: Deployment How to...Remote Data Scheduling

Getting my top posts from Umami

I recently started using umami.is for website analytics, and figured I could use the API to output some stats about my blog

Jul 10, 2024

Categories: Filters How to...Remote Data

GitHub Pages Reboot With 11ty

I've had my repos listed on my GitHub pages for 14 years, it was time to revisit it.

Jul 10, 2024

by John Hobbs (4 posts) · Website & RSS feed

Categories: Global Data Remote Data

Dynamic Websites with Static Site Generators

What if you used your static site generator to output PHP instead of HTML?

Jul 9, 2024

Categories: Edge Functions Search Webmentions

Fetching Achievements and Trophies for my Game Collection Page

How I'm fetching trophy and achievements to show on my game collection

Jul 7, 2024

Categories: Filters How to...Remote Data

Hello World (from 11ty)!

Ah shit, here we go again dot gif

Jul 7, 2024

by Nic Lake (1 post) · Website & RSS feed

Categories: Blogging Front Matter

(Don't) Add BASIC Support to Eleventy

A bad idea. A very, very bad idea.

Jul 7, 2024

Categories: How to...

Using templates, shortcodes, and the Eleventy supplied data for highlighting the current page in navigation

Jul 6, 2024

by nonnullish (3 posts) · Website

Categories: CSS/Sass How to...Shortcodes

Add Squirrelly Support to Eleventy

How to add Squirrelly support to Eleventy

Jul 6, 2024

Categories: Configuration How to...

Eleventy Buckets & Cascade Layers

Solving a problem I created

Jul 6, 2024

by Miriam Suzanne (1 post) · Website & RSS feed

Categories: Asset Pipelines CSS/Sass Configuration How to...WebC

Adding Github- or Obsidian-style callouts to an Eleventy blog the easy way

Just another developer's blog

Jul 5, 2024

Categories: How to...Markdown Plugins

Building a Web Version of Your Mastodon Archive with Eleventy

Turning your Mastodon archive into a web site with Eleventy

Jul 4, 2024

Categories: Global Data How to...Images Shortcodes Social Media

Adding the New Mastodon Link Attribution Meta Tag

Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.

Jul 3, 2024

Categories: Blogging Global Data How to...Social Media

Building out a books page

I had a ton of fun reading about how Melanie put together her reading page that I thought I'd write up a quick post on how I built mine.

Jul 3, 2024

Categories: Now Page How to...Remote Data

An alarmingly concise and very hinged summary of what it was like to build this site from scratch

A very good website by visual & verbal artist, Keenan.

Jul 2, 2024

by Keenan (1 post) · Website & RSS feed

Categories: Blogging Getting Started Markdown RSS Why Eleventy?

Road to 512kB

Personal Website of Software Engineer Jochen Stierberger

Jul 2, 2024

by Jochen (1 post) · Website

Categories: How to...Performance

Building a Custom Filter for Eleventy Collections

Lists are wonderful, and filters make them better. This article is about building a custom filter for Eleventy collections.

Jul 1, 2024

Categories: Collections Filters How to...Search

Adding a post graph to an Eleventy blog the easy way

Visualise posting frequency data

Jun 30, 2024

Categories: Blogging How to...Plugins

THE SMORGASBORD OF WINDOWS TERMINAL… WINDOWS

A post by Zach Leatherman (zachleat)

Jun 30, 2024

Categories: Configuration Getting Started How to...

Adding a Photo Stream to an Eleventy Site

Fetching all my public photos from Flickr & putting them on my page

Jun 30, 2024

by nonnullish (3 posts) · Website

Categories: Global Data How to...Image Galleries Images Pagination Remote Data

Upgrade 11ty to v3, reorg, ESM, and debug

I upgraded to 11ty v3 and proceeded to debug.

Jun 28, 2024

Categories: Configuration Filters Upgrading

New Reading page, powered by the Airtable API

A walkthrough on how I used Eleventy and the Airtable API to power a bookshelf pages with books I’ve read

Jun 28, 2024

by Melanie Richards (1 post) · Website & RSS feed

Categories: Data Cascade Global Data How to...Remote Data

Nested pagination with 11ty

How to paginate through an array of arrays.

Jun 27, 2024

by Ben White (1 post) · Website & RSS feed

Categories: How to...Pagination WebC

Organizing NPM Build Scripts

I recently took an existing codebase and ported it over to Eleventy. The main purpose was to recreate the website with existing markdown files and CSS. Creating the collections and templates…

Jun 27, 2024

by Trevor Morris (3 posts) · Website & RSS feed

Categories: Asset Pipelines CSS/Sass How to...

Showing Omnivore links as Bookmarks

Saving links to Omnivore and using labels to display those as bookmarks on my website

Jun 25, 2024

by Clayton Errington (11 posts) · Website & RSS feed

Categories: Filters How to...Remote Data

Twenty year celebration: Site update number three

Jun 23, 2024

by Peter Sefton (1 post) · Website

Categories: Collections How to...Images Why Eleventy?

Upgrading to Eleventy v3

I took some time this week to upgrade my site to the newest version of Eleventy. Here's what I learned.

Jun 23, 2024

by Alex Zappa (2 posts) · Website & RSS feed

Categories: CSS/Sass Images Upgrading

Adding Github-Style Markdown Alerts to Eleventy

How I added support for callouts/alerts to this site

Jun 21, 2024

Categories: How to...Markdown Plugins

Automate 301 Redirects In 11ty

How to automate 301 redirects in .htaccess using 11ty on Apache

Jun 21, 2024

Categories: How to...

Adding view count and like button to 11ty

How to mix static and dynamic content so you can spend more time in a void

Jun 21, 2024

by Megaemce (1 post) · Website & RSS feed

Categories: Debugging How to...Remote Data

Category and genre pages return

Jun 20, 2024

by Nicki Hoffman (2 posts) · Website & RSS feed

Categories: Collections Pagination

Webmentions and 11ty

Getting webmentions up and running on 11ty - update!

Jun 19, 2024

by Jason Moser (1 post) · Website

Categories: How to...Webmentions

Scheduled posts and deployments with 11ty

Jun 18, 2024

by Nicki Hoffman (2 posts) · Website & RSS feed

Categories: Deployment Drafts Scheduling

Blocking Bots With 11ty And Apache

How to block bots with robots.txt, .htaccess with 11ty and Apache. Make it difficult for them to jack your stuff!

Jun 16, 2024

Categories: How to...

Eleventy collections using the built in tags key

In Eleventy, when you place a JSON file, with the same name, as the folder, within that folder, the data from the JSON file is automatically applied to all files within that folder. This mechanism is a convenient way to apply metadata to a group of files without having to manually include it in each file.

Jun 15, 2024

Categories: Collections How to...

Blocking Bots with Nginx

How I've automated updating the bot list to block access to my site

Jun 14, 2024

Categories: How to...

Eleventy - Add CSV data file support

It would be cool to be able to drop a CSV file into a project and use it in a page. My motivation was to show bookshelves from my library database

Jun 13, 2024

Categories: Configuration Data Cascade How to...

6 Months with 11ty

Jun 11, 2024

by Keith Wagner (2 posts) · Website & RSS feed

Categories: Why Eleventy?

Umami API Top 10 Pages

Using the Umami API to show the Top 10 pages on my website

Jun 11, 2024

by Clayton Errington (11 posts) · Website & RSS feed

Categories: Data Cascade Global Data How to...Remote Data

Responsive Images in HTML: w and x

w is more correct than x except in one scenario, which is going to be fixed, but the CSS must match.

Jun 11, 2024

Categories: How to...Images

Upgrading to Eleventy 3.0

Netlify Large Media forces my hand.

Jun 11, 2024

Categories: How to...Images Image Galleries Markdown RSS Upgrading

Displaying Line Numbers in 11ty Code Blocks

Add line numbers to 11ty code blocks with Prism and Markdown-it, bypassing the plugin's DOM-dependency by adjusting the renderer during the build process.

Jun 10, 2024

by Jonathan Lau (2 posts) · Website & RSS feed

Categories: How to...Markdown Plugins

Readable HTML and CSS

Instead of minifying HTML and CSS, I make it easy to read.

Jun 9, 2024

Categories: CSS/Sass Configuration How to...Plugins

Get image pixel colours in Eleventy/Node

How to get colour information from images at build time when using Eleventy (or Node more generally).

Jun 7, 2024

by Sam Smith (1 post) · Website & RSS feed

Categories: CSS/Sass How to...Images Plugins

Using Obsidian with 11ty

Jun 7, 2024

by Timothy Miller (3 posts) · Website & RSS feed

Categories: Blogging How to...

Eleventy - Convert a RSS Feed to a collection

I want to create an archive of all my writing. One source is the author RSS feeds of blogs I wrote for. How about I turn it into an eleventy collection?

Jun 5, 2024

Categories: Collections How to...Remote Data RSS

Eleventy Excellent 3.0

I have decided to change things again: Eleventy Excellent 3.0 now uses ESM, has a new config structure and uses web components.

Jun 3, 2024

Categories: Getting Started

Integrating a (somewhat) custom CMS with Eleventy

I've spent the last, uh, month or so inching my way towards leveraging a CMS to manage the content on this site. It started with improving my self-hosted scrobbling setup, importing yet more of my personal data and then looking around at friendlier options to manage what I'd spun up.

Jun 3, 2024

Categories: CMS Collections Layouts Remote Data

How I use Shiki in Eleventy

I'm using Shiki as a syntax highlighter in my Eleventy site. I recently added a caching layer to speed up builds.

Jun 3, 2024

by Stefan Zweifel (2 posts) · Website

Categories: How to...

Updating to Eleventy v3

I took some time this week to upgrade my site to the newest version of Eleventy. Here's what I learned.

Jun 1, 2024

Categories: Collections How to...Images Plugins Upgrading

Virtual Templates in Eleventy

In Eleventy 3.0, virtual templates enable plugin authors to publish and share dynamic templates.

Jun 1, 2024

by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed

Categories: Configuration Front Matter Global Data How to...Plugins

11TY GOES FULLY INDEPENDENT—JS PARTY #325

A post by Zach Leatherman (zachleat)

May 31, 2024

Categories: From the Source

Convert Obsidian Image Links to Nunjucks Shortcodes in Eleventy

JavaScript code to convert Obsidian image links to Nunjucks short codes.

May 29, 2024

by Amy Khar (1 post) · Website & RSS feed

Categories: How to...Images Shortcodes

Getting started with Eleventy

The missing getting-started guide for the Eleventy (11ty) static-site generator.

May 27, 2024

by Sean McPherson (2 posts) · Website & RSS feed

Categories: Asset Pipelines Configuration Getting Started Layouts Shortcodes

Eleventy - Merge external data with an existing collection

I wanted to make an archive of my writing, merging content I wrote for other websites with my exising 'posts' collection. Here is how I did it.

May 26, 2024

Categories: Collections Configuration Global Data How to...

Building pages from data in Eleventy

I've expanded the media sections I already had built to include pages generated from data using Eleventy.

May 24, 2024

Categories: Data Cascade How to...Remote Data

Dynamic Content Includes

In this post, I explain how I solved two issues at the same time by introducing a feature to my post layout that I’m calling pre and post includes.

May 24, 2024

Categories: Front Matter How to...Layouts Nunjucks/Macros

Upgraded to Eleventy v3

A short summary of upgrading this website to Eleventy v3.

May 23, 2024

Categories: Configuration How to...Upgrading

Building with Eleventy

Re(re-re) building my personal site with Eleventy and web components

May 21, 2024

by Keith Kurson (1 post) · Website & RSS feed

Categories: Blogging WebC Why Eleventy?

I NEED YOUR HELP TO MAKE 11ty FULLY INDEPENDENT AND SUSTAINABLE in 2024

A post by Zach Leatherman (zachleat)

May 21, 2024

Categories: From the Source

Migrating from Laravel to Eleventy

I've switched tech stacks again. After 2 years, this website is now powered by Eleventy. This post explains why I did that.

May 20, 2024

by Stefan Zweifel (2 posts) · Website

Categories: Migrating to Eleventy

Putting a Class on External Links in Eleventy

Taking inspiration from a fellow blogger

May 19, 2024

by A.K. Anuszewski (2 posts) · Website & RSS feed

Categories: Configuration How to...

Some of my Eleventy Filters

In refactoring my website earlier this year, part of my process was to evaluate and revise the many, many Eleventy Filters I use throughout my website’s build, so in this post, I’ll run through a handful of them.

May 18, 2024

Categories: Drafts Filters Markdown

My Ideal Blogging Workflow

Discoveries about API Platform

May 18, 2024

by A.K. Anuszewski (2 posts) · Website & RSS feed

Categories: Blogging

THE FUTURE OF 11TY (2024)

A post by Zach Leatherman (zachleat)

May 17, 2024

Categories: 11ty Conference 2024 Why Eleventy?YouTube From the Source

Recap of 11ty International Symposium on Making Web Sites Real Good

Last week, the first 11ty Conference, also known as the 11ty International Symposium on Making Web Sites Real Good, took place and it blew my mind. Here are the best parts, which is pretty much everything.

May 15, 2024

by Juha-Matti Santala (13 posts) · Website & RSS feed

Categories: 11ty Conference 2024

11ty Conference (2024) Break Slideshow: Personal Sites Montage

YouTube video

May 15, 2024

by Eleventy (1 post)

Categories: 11ty Conference 2024 YouTube

Oppossum Symposium

Explore the highlights of a virtual symposium for 11ty, where community, knowledge, and passion for web technologies collided. From heartfelt kickoff remarks to inspiring speaker insights, join in the celebration of creativity and collaboration in the digital realm.

May 14, 2024

by Brian Baldock (1 post) · Website & RSS feed

Categories: 11ty Conference 2024

Keeping Out Dark Visitors

One short data file and one tiny template to block… er, dissuade all AI scrapers and crawlers.

May 14, 2024

by Conor C. Peterson (1 post) · Website

Categories: How to...Permalinks Remote Data

🛳️ Migrating my website from Next.js to 11ty

May 14, 2024

Categories: Internationalization Migrating to Eleventy

Curso Eleventy (Spanish video)

YouTube video

May 14, 2024

by Jon Mircha (1 post)

Categories: Getting Started YouTube

Create a Blog with Eleventy and Storyblok

This is a step-by-step tutorial on how to create a blog site using Eleventy and Storyblok.

May 13, 2024

by Estela Franco (3 posts) · Website & RSS feed

Categories: Blogging CMS Configuration How to...Pagination

Static Sites Do Scale: Eleventy vs. Next.js at 11ty Event

Eleventy is an act of rebellion against the dark forces driving today’s internet, says its creator. And it turns out, Eleventy does scale.

May 13, 2024

by Richard MacManus (2 posts) · Website & RSS feed

Categories: 11ty Conference 2024

AN ORGANIZER'S RETROSPECTIVE ON THE 11ty CONFERENCE

A post by Zach Leatherman (zachleat)

May 13, 2024

Categories: 11ty Conference 2024 From the Source

My impressions on The 11ty International Symposium on Making Web Sites Real Good

I've seen, dare I say attended, the completely virtual and very first 11ty conference, and I like to share my impressions.

May 13, 2024

Categories: 11ty Conference 2024

Eleventy Reading Time Plugin

Maximilian Boll - Frontend Web-Developer in Mainz/Germany - makkusu.dev

May 13, 2024

by Max Boll (1 post) · Website & RSS feed

Categories: How to...Plugins

Scheduling Posts with a Static Site

Alex Hyett is a Software Developer, YouTuber and Writer focussed on helping people transform their lives by learning how to code.

May 12, 2024

by Alex Hyett (1 post) · Website & RSS feed

Categories: Deployment Drafts How to...Scheduling

Controlling whitespace in 11ty with Nunjucks

Eleventy (11ty) Tutorial

May 11, 2024

Categories: Debugging How to...Layouts Nunjucks/Macros

Weekly Roundup #3 - Possum Edition

This week I annoyed everyone at the 11ty conference.

May 11, 2024

by Ryan Trimble (1 post) · Website

Categories: 11ty Conference 2024

Building a Town that Doesn't Exist

May 10, 2024

by Dan Sinker (1 post) · Website & RSS feed

Categories: 11ty Conference 2024

11ty Conference Thoughts

My reactions and opinions on the 11ty International Symposium on Making Web Sites Real Good

May 10, 2024

by Alex Ward (1 post) · Website & RSS feed

Categories: 11ty Conference 2024

Rebuilding my website with Eleventy

May 9, 2024

by Blake Watson (1 post) · Website

Categories: Blogging Migrating to Eleventy Search Why Eleventy?

A custom collection to sort events with Eleventy

I made a custom collection with a filter to sort events by their custom date data.

May 9, 2024

by Jakob Schwanenberg (1 post) · Website

Categories: Collections Dates Filters Front Matter Nunjucks/Macros

Why I'm leaving Astro for 11ty

No description provided.

May 8, 2024

Supporting a full-text RSS feed

Up until now, I've only included a short description for posts in my RSS feed, but I've changed tactics so fellow RSS perverts can choose to read my stuff in their reader of choice.

May 8, 2024

Categories: Collections How to...RSS

Eleventy adoption guide: Overview, examples, and alternatives

Eleventy (11ty) is a compelling solution for developers seeking a straightforward, performance-oriented approach to static site generation.

May 7, 2024

by Nelson Michael (2 posts) · Website

Categories: Deployment Getting Started Why Eleventy?

Eleventy Image problem with Netlify's build

I used wrong slashes in my source code, so Netlify's build step failed while using Eleventy Image.

May 4, 2024

Categories: Debugging Images Plugins

Leveraging APIs like Notion with a nice caching system

How I implemented Notion and PSN APIs in my Eleventy build for my Now and Gaming pages

May 3, 2024

by Christopher Kirk-Nielsen (9 posts) · Website & RSS feed

Categories: How to...Markdown Now Page Remote Data

Building a Localised Site with 11ty, Sanity & Netlify

In this article, we'll explore how I built a localised website for a client of mine using 11ty, Sanity, and Netlify.

May 3, 2024

by Ryan Gittings (3 posts) · Website

Categories: CMS How to...Internationalization

Handling images with B2, Netlify's image CDN, Hazel and Mountain Duck

I've spent a while hosting and fetching images from bunny.net when my 11ty builds. I had multiple pull zones configured and wanted to leverage bunny.net's transforms, but the pricing of $15/month per zone wasn't feasible.

May 1, 2024

Categories: How to...Images

Upgrading to Eleventy 1.0.1

If it ain’t broke, clearly you gotta fix it.

May 1, 2024

Categories: Images Markdown Shortcodes Upgrading

How I surf the web, manage my online bookmarks and share exciting hyperlinks with the community.

Apr 30, 2024

Categories: Collections How to...Pagination Remote Data RSS

Notifications for New Eleventy Posts in GitLab - Part 2

An implementation for identifying new posts in an Eleventy site built on GitLab pages and sending post-specific notifications (part 2 of 2).

Apr 29, 2024

Categories: Collections Configuration How to...Social Media

Deploying An 11ty Project To Shared Hosting

Forget the usual suspects for your website hosting. You should consider shared hosting for your next 11ty project.

Apr 25, 2024

Categories: Deployment How to...

Better 11ty Development with Tooling

Getting a component-driven development experience that fits nicely into the 11ty zen.

Apr 21, 2024

by Paul Everitt (2 posts) · Website

Categories: Getting Started Layouts YouTube

April 2024 Leilukin's Hub Overhaul with Eleventy

I rebuilt my website with the static site generator Eleventy in April 2024.

Apr 21, 2024

by Leilukin (1 post) · Website

Improving page load times with pagination in Eleventy

This is probably a very obvious one for everyone; the less content on the page, the quicker it will load.

Apr 19, 2024

by Andres Bitrian (1 post)

Categories: How to...Pagination Performance

Eleventy website to GitHub Pages with GitHub Actions

Medium post

Apr 17, 2024

Categories: Deployment Getting Started

Eleventy Nested Pagination

Eleventy (the cool static site generator) has a great feature called Pagination which allows you to iterate over a list of things in chunks and produce multiple output files. As I was migrating this very site over to Eleventy, I found I needed to perform a double pagination. This is when, during paginating over a list of blog post years, I found I wanted to also paginate again over the posts in those years, so I could have at most 20 posts on a single list page.

Apr 17, 2024

by Alistair Deneys (2 posts) · Website

Categories: Collections How to...Pagination

Deploy a Static Website to AWS S3 with Official GitHub Actions

Modern IT & InfoSec for the Discerningly Lazy

Apr 15, 2024

by Lucas Cantor (1 post) · Website & RSS feed

Categories: Deployment How to...

Blockin' Bots with Eleventy

The 11ty equivalent of Ethan Marcotte's Jekyll solution

Apr 15, 2024

by Dave Slusher (2 posts) · Website & RSS feed

Categories: How to...Permalinks

index.md is a valid Eleventy project

Building website projects from the scratch with Eleventy is a delightful process in my experience because in the beginning, all you need is index.md and you can then customise and add on top of it as much as you like.

Apr 13, 2024

by Juha-Matti Santala (13 posts) · Website & RSS feed

Categories: Getting Started Why Eleventy?

Migrating from Wordpress to Eleventy

It's about time

Apr 12, 2024

by Dave Slusher (2 posts) · Website & RSS feed

Categories: Migrating to Eleventy

Rebuilding My Developer Portfolio with Eleventy

I recreated my developer portfolio and blog from scratch with Eleventy.

Apr 11, 2024

by Helen Chong (2 posts) · Website

Categories: How to...Why Eleventy?

Fixing a typo shaved 4 minutes off my Netlify build time

Caching images across Netlify builds

Apr 10, 2024

Categories: Deployment How to...Performance Images

Notifications for New Eleventy Posts in GitLab - Part 1

An implementation for identifying new posts in an Eleventy site built on GitLab pages and sending post-specific notifications (part 1 of 2).

Apr 8, 2024

Categories: Collections Configuration How to...

Added Timestamp to Posts

Apr 7, 2024

Categories: Dates Filters How to...Netlify

Added Timestamp to My Eleventy New Post Utility

Apr 6, 2024

Categories: Dates How to...

Enhancing pagination with a page selector

I've made a change to my site's pagination wherein I've enhanced the page count displayed at the bottom of my home and links pages to display the page count in a select element. The select displays a list of all the pages and navigates to the selected page.

Apr 5, 2024

Categories: How to...Pagination

2024 redesign

Some notes about this 2024 redesign.

Apr 4, 2024

by Christopher Kirk-Nielsen (9 posts) · Website & RSS feed

Categories: Asset Pipelines How to...Plugins

Filter an Eleventy Collection Using Your Own Custom Front Matter

Apr 4, 2024

by Dan Urbanoicz (1 post) · Website

Categories: Front Matter How to...Filters Collections

Thirteenth place on Eleventy Leaderboards

My site got to thirteenth place on Eleventy Leaderboards with perfect Lighthouse scores.

Mar 27, 2024

by Silvestar Bistrović (3 posts) · Website & RSS feed

Categories: How to...Performance

Mar 24, 2024

Categories: Collections Data Cascade Navigation

How I shaved 1.5 minutes off my Eleventy build time

I had a revelation earlier today that solved a long-standing performance issue I’ve been having with the initial build of my Eleventy website, and here’s how it saved me a bunch of time!

Mar 24, 2024

Categories: Asset Pipelines How to...Performance Plugins

Create an Interactive TOC from Markdown-Generated Content

Create an interactive TOC for Markdown in Static Site Generators using the Intersection Observer API.

Mar 24, 2024

by Jonathan Lau (2 posts) · Website & RSS feed

Categories: CSS/Sass How to...Markdown Plugins

Building a Live Preview with Eleventy, Contentful, and Liquid Templating

As a part of the marketing team at Heyflow, I collaborate with people who work on the company’s website. Although all team members are technically acquainted, sometimes they struggle to update the website. The struggle is not being able to visualize what will change on the page when updating the content. Saving the updates and […]

Mar 22, 2024

by Silvestar Bistrović (3 posts) · Website & RSS feed

Categories: CMS How to...Netlify Remote Data Serverless

Webmentions Web Component

I got overwhelmed by build steps and decided to fetch my webmentions through a web component.

Mar 22, 2024

by Troy V (2 posts) · Website & RSS feed

Categories: How to...Webmentions

Creating a Reading List with Eleventy and Omnivore

This website includes my personal reading list now. It was built using Eleventy and Omnivore, an approach described in this article.

Mar 20, 2024

Categories: Deployment How to...Plugins Remote Data

Generating Open Graph preview images for 11ty

Generated Open Graph images, without driving a browser. Here is how I made mine.

Mar 19, 2024

by John Hobbs (4 posts) · Website & RSS feed

Categories: How to...Images Social Media

Lightweight search in Eleventy

I've been using Pagefind for my site search for a while now and would readily recommend it, but I wanted to throw together something a bit lighter weight and customizable.

Mar 18, 2024

Categories: How to...Search

Generating Eleventy Post Descriptions Using Generative AI

Using Generative AI to automatically generate post descriptions is a great way to save time and ensure consistency across your site. By leveraging tools like ChatGPT, you can quickly create engaging summaries that entice readers to click through and read more. The Describer GenAI extension for Visual Studio Code simplifies this process, allowing you to effortlessly generate descriptions for your articles with just a few clicks. With the ability to customize settings and easily integrate the generated descriptions into your site, this tool is a valuable asset for content creators looking to streamline their workflow.

Mar 18, 2024

Categories: Blogging Front Matter How to...

11ty collections tag links

How to add tags with links to hub topic pages in 11ty

Mar 17, 2024

Categories: Collections How to...

Automate Your Static Site Rebuilds with Netlify Scheduled Functions

Effortlessly automate regular website updates for your static site using Netlify scheduled functions. Set it and forget it - never worry about manual updates again!

Mar 17, 2024

Categories: Blogging Deployment How to...Netlify Scheduling

Eleventy excerpts

Everybody seems to implement their own way of generating post excerpts in Eleventy, and here's mine.

Mar 15, 2024

by Martin Gunnarsson (9 posts) · Website & RSS feed

Categories: Blogging Filters How to...

We Need to Talk About Your Eleventy Post Dates

Almost everyone using Eleventy is using blog post dates wrong

Mar 14, 2024

Categories: Dates RSS

The "IndieWeb" feels like coming home

I moved this site to Eleventy hosted on Neocities and as a result I'm having fun with my website again!

Mar 14, 2024

by Nathaniel Daught (1 post) · Website & RSS feed

Categories: Blogging Getting Started Migrating to Eleventy

Group posts by year in Eleventy.js

JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.

Mar 13, 2024

Categories: Blogging Collections Dates How to...

Automatic image pre-processing in Eleventy, Part 2

A post about the new automatic template image scaling support in Eleventy Image 4.0.0.

Mar 13, 2024

by Martin Gunnarsson (9 posts) · Website & RSS feed

Categories: Configuration How to...Images

I have a Problem with Build Times

Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.

Mar 13, 2024

Categories: Images Performance

How I Eleventy

Documenting a refactor that introduced a folder structure and configuration changes, which summarises how I Eleventy.

Mar 13, 2024

by Declan Byrd (2 posts) · Website & RSS feed

Categories: Configuration How to...Layouts Markdown Permalinks Shortcodes

I archived my tweets

Thoughts on archiving and restoration as it relates to my Twitter feed.

Mar 11, 2024

by Lynn Fisher (1 post) · Website & RSS feed

Categories: Blogging Markdown Social Media

Using an Eleventy event to optimize component JavaScrip

I've added a small event to optimize web component JavaScript when my site builds.

Mar 10, 2024

Categories: Asset Pipelines How to...Performance

Surfacing most used tags in Eleventy

I made some lightweight design changes to my site, keeping things simple but moving the date up above post headers, surfacing tags below and restoring Read more links.

Mar 9, 2024

Categories: Collections Filters How to...

How to Build a Serverless Guestbook

An article about building a serverless guestbook for a static website.

Mar 4, 2024

Categories: How to...Remote Data

Adding inline SVGs to Eleventy.js

JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.

Mar 3, 2024

Categories: How to...Images Configuration

Eleventy: pathPrefix and GitHub Pages

Quick step-by-step recipe on how to deploy Eleventy site inside a subdirectory.

Mar 3, 2024

Categories: Configuration Debugging Deployment

My Eleventy site setup

Mar 3, 2024

by anh (3 posts) · Website & RSS feed

Categories: Blogging Collections Front Matter Getting Started Global Data Shortcodes

Version 3

I'll show you the true power of being third!

Mar 2, 2024

by Devin Haska (1 post) · Website & RSS feed

Categories: CSS/Sass Data Cascade Global Data Migrating to Eleventy Why Eleventy?

Eleventy - Group posts by year

A common organisation pattern for a blog is to group posts by year. I will show you how to do this efficiently and succinctly in JavaScript.

Mar 1, 2024

Categories: Blogging Collections Configuration Dates How to...

Math equations with Eleventy using TeXZilla

I demonstrate how to make MathML equations using LaTeX markup with TeXZilla.

Mar 1, 2024

Categories: Filters How to...

Building My Comics Page

How I built my comics page using League of Comic Geeks, a NodeJS module and Eleventy.

Feb 29, 2024

Categories: How to...Remote Data

Deploy an Eleventy site to Cloudflare Pages efficiently with GitHub's action cache

Deploy an Eleventy site to Cloudflare Pages efficiently with GitHub's action cache I have wanted to move this site from Netlify for a while now, but the recent news about their bandwidth prici...

Feb 29, 2024

by Jonas Brusman (1 post) · Website & RSS feed

Categories: Deployment How to...

Unveiling the Marvels of 11ty's WebC

Are you ready to dive deep into the world of web development and discover a game-changing tool that will revolutionise the way you build websites?

Feb 29, 2024

by Ryan Gittings (3 posts) · Website

Categories: How to...Performance WebC

Inexactly benchmarking Eleventy vs Astro build times

The Eames Institute team is checking out some frameworks and static site generators for a project, and I wanted to see how Eleventy and Astro compare in

Feb 28, 2024

by Piper Haywood (1 post) · Website & RSS feed

Categories: Performance

Search, Webmentions and microformats

I’ve made some updates on my website - let’s talk about them. I added a search functionality with Pagefind, Webmention support both directions and microformats to my blog posts.

Feb 28, 2024

by Juha-Matti Santala (13 posts) · Website & RSS feed

Categories: How to...Search Webmentions

Elevating Video Transcripts as Searchable Content

A post by Zach Leatherman (zachleat)

Feb 27, 2024

Categories: How to...Plugins WebC YouTube

A roundup of recent updates to my website

Where i describe the recent updates to the kinds of content you'll find on my website

Feb 27, 2024

by Grigør (2 posts) · Website

Categories: Blogging Collections Front Matter RSS Social Media

Updating 11ty to enjoy ESM

I updated the version of 11ty I use for this blog to the current alpha, to switch from CJS to ESM.

Feb 26, 2024

Categories: Configuration How to...

THE Eleventy Meetup Feb 20th

We had a lovely meetup with the Eleventy community. I talked about building meetup community sites utilizing Global Data Files and Robb talked about how he builds his website with Eleventy, pulling data in from various sources.

Feb 26, 2024

by Juha-Matti Santala (13 posts) · Website & RSS feed

Categories: Blogging How to...YouTube

10 Reasons Why Static Site Generators Are Perfect for Modern Web Development

Whether you're a startup founder, a small business owner, or part of a larger organisation, navigating the complexities of web development can be daunting. In today's fast-paced digital landscape, where user experience reigns supreme and website performance can make or break your online success, finding the right approach to building and maintaining your web presence is critical.

Feb 24, 2024

by Ryan Gittings (3 posts) · Website

Categories: Why Eleventy?

Eleventy: custom markup alongside item contents

Short and quick tutorial on how to embed custom HTML content between post paragraphs on an Eleventy site.

Feb 23, 2024

Categories: Configuration Filters How to...

Eight Million NPM Downloads!

Eight Million npm Downloads! — Eleventy

Feb 23, 2024

Categories: Social Media

EIGHT MILLION NPM DOWNLOADS FOR ELEVENTY

A post by Zach Leatherman (zachleat)

Feb 23, 2024

Categories: From the Source

Weaving music data in and out of my personal website

I started integrating music data into my personal website when I added Last.fm artist and album displays to my now page. Initially, I tried sourcing artist images from a few different services, knowing that Last.fm had updated their API to stop serving them. After a fair bit of searching I found that most services that supplied artist images covered only a small fraction of my library and often supplied the wrong image when there were multiple artists sharing the same name.

Feb 22, 2024

Categories: How to...Now Page Remote Data

Intro: Bukmark.club

Introducing a new side project: I built a directory of websites that provide a curated collection of bookmarks and/or links to other websites.

Feb 21, 2024

Categories: Collections Dates How to...Markdown

Using Eleventy to Gobble Up Everything I Do Online

A blog post about how my site works based on a talk I did at the Eleventy meetup

Feb 21, 2024

Categories: Blogging Global Data How to...Remote Data Social Media

Building a bespoke now-playing web component

I've long had a now playing element on the home page of my site that displays either what I've checked into on Trakt, the Lakers' record and who they're playing when a game is on or the last song I've listened to. After leveraging some new web components on my site, I decided to refactor the code powering this into a web component specific to my needs.

Feb 21, 2024

Categories: Remote Data How to...Now Page

Refactor by shortcode

I decided to take on some overdue refactoring of the 11tybundle.dev site. Here's what I did.

Feb 20, 2024

by Robb Knight (18 posts)

Categories: Filters How to...Nunjucks/Macros Shortcodes

Using Eleventy to Gobble Up Everything I Do Online

YouTube video

Feb 20, 2024

Categories: How to...Remote Data Social Media Webmentions YouTube

Building a meetup community site using Global Data Files

YouTube video

Feb 20, 2024

by Juha-Matti Santala (13 posts)

Categories: CMS Global Data How to...

Automatic Mastodon post embeds

I use Nicolas Hoizey's GitHub action to syndicate my web activity to Mastodon. Recently, I removed the display of webmentions from my posts after seeing Chris and Robb discuss some privacy concerns around them. Upon seeing David Darnes' mastodon-post web component, I've gone ahead and added it, conditionally, to the end of each of my posts.

Feb 20, 2024

Categories: Deployment Social Media Webmentions

Using B2 as a JSON data store

My links page is powered by the Readwise Reader API but because there are, quite reasonably, rate limits in place, I've gone ahead and reduced the page count I fetch on each build and cached older link data from past builds in a B2 bucket.

Feb 19, 2024

Categories: Data Cascade Global Data How to...Remote Data

@fec/eleventy-plugin-asset-pipeline: Better Cache Busting with Eleventy

I have created an Eleventy plugin to easily implement cache busting and asset handling.

Feb 18, 2024

by Florian Eckerstorfer (8 posts) · Website & RSS feed

Categories: Asset Pipelines How to...Plugins

Update: Bookmarks Are Back

This website has a bookmarks directory now.

Feb 15, 2024

Categories: Collections How to...

Eleventy - Differentiate between dev and production builds with unique favicons

It is easy to mix up the dev and production versions of a website in the browser. Let's make them look unique by using different favicons.

Feb 15, 2024

Categories: Configuration Data Cascade Deployment Images

Local links in Eleventy, Part 2

Eleventy now support automatic transforms from local paths to output URLs right out of the box.

Feb 14, 2024

by Martin Gunnarsson (9 posts) · Website & RSS feed

Categories: Filters How to...Plugins

Setting up image transforms in Eleventy

Eleventy added a transform option to process images in Eleventy v3.0.0-alpha.5 and Image v4.0.1 so, naturally, I had to set it up on my site. If you don't want to read this post, you can check out the full diff for the changes.

Feb 14, 2024

by Strongly Hyped (1 post)

Categories: How to...Images Plugins

Adding TypeScript, Tooling, and JSX to Eleventy - Strongly Hyped

YouTube video

Feb 14, 2024

Categories: How to...YouTube

Eleventy 🤝 Immich

A quick image gallery using Eleventy and backed by Immich

Feb 12, 2024

by Chris Burgess (2 posts) · Website & RSS feed

Categories: Collections How to...Images Plugins

Keeping your Algolia search index up to date

Keeping your search index up to date as your content changes is critically important to ensure your search results return valid information. Here's how it's done.

Feb 12, 2024

by Jaden Baptista (1 post) · Website

Categories: Configuration How to...Search

11ty RSS Activepieces

A look at enhancing 11ty POSSE with RSS 2.0, Open Graph, and Activepieces

Feb 11, 2024

by Jay Cuthrell (2 posts) · Website & RSS feed

Categories: RSS Social Media

CSS { In Real Life } | Eleventy Starter Project Updates

Feb 11, 2024

Categories: Getting Started Why Eleventy?

How to connect Eleventy and Storyblok

This is a step-by-step tutorial on how to query data from Storyblok to use it in an Eleventy project.

Feb 8, 2024

by Estela Franco (3 posts) · Website & RSS feed

Categories: CMS Configuration Global Data How to...

Building an 11ty plugin to output the transcription of a YouTube Video - Zach and Mike

YouTube video

Feb 8, 2024

Categories: How to...Plugins YouTube

LESSONS LEARNED MOVING ELEVENTY FROM COMMONJS TO ESM

A post by Zach Leatherman (zachleat)

Feb 7, 2024

Categories: Configuration How to...Plugins From the Source Upgrading

Eleventy - Fetch data from the Github REST API to populate a projects page

We will populate a page with data from GitHub. We will use the eleventy-fetch plugin to do this with minimal code and refresh the data every 2 days.

Feb 7, 2024

Categories: Filters Global Data Layouts Remote Data

Added Folder Selection to My New Post Utility

Added an enhancement to my Eleventy New Post utility to support choosing the target folder during post creation.

Feb 6, 2024

Categories: Blogging How to...

Check if images are available before optimizing in Eleventy

How to check if a remote image is available before attempting to optimize it using @11ty/eleventy-img.

Feb 5, 2024

Categories: How to...Images Webmentions

A small tip for computed navigation, when the URL structures don’t all match.

Feb 3, 2024

by Anita Cheng (1 post) · Website

Categories: How to...Navigation Pagination

Eleventy Filter to Turn a URL Into a Domain Name

ZOMG my first 11ty filter!

Jan 31, 2024

by Marcel Appleman (1 post) · Website

Categories: Filters How to...

Slashing by caching

I've reduced the build time for the 11ty Bundle site from 30 seconds to 10 seconds. Here's how.

Jan 31, 2024

Categories: Filters How to...Performance

The Good, the Bad, the Web Components

A post by Zach Leatherman (zachleat)

Jan 31, 2024

Categories: WebC

Different favicon for development build

How to make tabs in the browser always show which build you’re working on.

Jan 30, 2024

by Nikita Dubko (1 post) · Website & RSS feed

Categories: Configuration How to...Nunjucks/Macros

We're Running an 11ty Conference

We’re running an 11ty Conference! — Eleventy

Jan 30, 2024

Categories: Why Eleventy?

Top 11 free Eleventy themes for 2024

A curated list of the top 11 Eleventy themes on GitHub in 2024.

Jan 30, 2024

by Jaimie McMahon (1 post) · Website & RSS feed

Categories: Configuration Getting Started Layouts

Eleventy - Get autocompletion and doc info in your eleventy config in VS Code

In VS Code, you don't get autocompletion in your eleventy config. You don't get info about functions when you hover over them. Here is how you add it.

Jan 27, 2024

Categories: Configuration How to...

Low-tech Eleventy Categories

Jan 26, 2024

by Andy Bell (3 posts) · Website & RSS feed

Categories: Collections Configuration How to...Layouts Pagination

Today I've gone live with a new website and email newsletter platform for Cybercultural, my tech history newsletter that I started on Substack in 2019. What pushed me to migrate off Substack is its stance on hate content, which I personally object to. But over the past several months, I've…

Jan 26, 2024

by Richard MacManus (2 posts) · Website & RSS feed

💻 Emoji URLs and 11ty Webmentions

Not letting emojis drop mentions on the floor

Jan 25, 2024

Categories: How to...Webmentions

Community websites with Eleventy

With Eleventy’s data files, I’ve come up with a good setup to build landing pages for communities that organize events.

Jan 24, 2024

by Juha-Matti Santala (13 posts) · Website & RSS feed

Categories: Data Cascade Filters Global Data How to...

Eleventy - Create a global production flag

A production flag enables you to run activites in production only e.g. minifying assets. There isn't a built-in flag in eleventy. How can we add one?

Jan 24, 2024

Categories: Configuration Global Data How to...Layouts

Mastering Eleventy Folder Structures: From Default Setups to Real-World Best Practices

Explore the essentials of Eleventy's folder structure in this guide, perfect for optimizing your project's efficiency and scalability. Learn from basic setups to advanced custom structures, ensuring your 11ty site is perfectly organized for peak performance.

Jan 24, 2024

by S. Amir Mohammad Najafi (1 post) · Website & RSS feed

Categories: Configuration Getting Started Performance

Performance Tales, Part 1: Why So Performant?

High school student and open source developer.

Jan 22, 2024

by Ryan Cao (3 posts) · Website & RSS feed

Categories: Performance

Automated weekly links posts with raindrop.io and Eleventy

Jan 22, 2024

Categories: Dates Filters How to...Markdown Remote Data

How I'm creating OPML files for my blog, and pod, rolls so people can subscribe to all of the sites in one go

Jan 21, 2024

Categories: Blogging Data Cascade Dates How to...

Sending Webmentions after Deploying to Azure Static Web Apps

Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.

Jan 21, 2024

Categories: How to...Webmentions

Learning New Tricks

Jan 21, 2024

by Antonio Rodrigues (1 post) · Website & RSS feed

Categories: Data Cascade Global Data

Buttondown with 11ty on Netlify with GitHub

A look at how Fudge Sunday 🤔💡🤯🤓 newsletter gets made each week

Jan 21, 2024

by Jay Cuthrell (2 posts) · Website & RSS feed

Categories: Deployment How to...

Getting up to Speed with Eleventy: Config and Collections

Continuing his Eleventy tutorial, David Eastman shows how to configure the system, make use of templates, what collections are, and more.

Jan 20, 2024

by David Eastman (2 posts) · Website & RSS feed

Categories: Collections Configuration Layouts

How I deploy my Eleventy site to Neocities

Jan 20, 2024

Categories: Deployment How to...

Sending webmentions from a static site

Jan 20, 2024

Categories: How to...Webmentions

Super fast responsive image loading in Eleventy

Automatically optimise and serve images by type and size in Eleventy.

Jan 17, 2024

by Eystein Mack Alnaes (2 posts) · Website & RSS feed

Categories: How to...Images Performance Plugins

From Figma to Browser with Eleventy (Part 3)

YouTube video

Jan 17, 2024

by thoughtbot (3 posts)

Categories: Getting Started How to...YouTube

Update: Tags Are Back

This website used to have tags. They were gone for about 3 years, but they're back now.

Jan 16, 2024

Categories: Blogging Collections How to...Pagination

addRemoteData

An Eleventy plugin for fetching remote data and exposing the response as a global data variable.

Jan 16, 2024

Categories: Plugins Remote Data

Fetching Package Dependents from GitHub

Using linkedom to grab all repositories that are depending on my post graph plugin

Jan 16, 2024

Categories: Global Data How to...Plugins

Added Monthly Posts Heatmap To The Site

I added a Posts per Month heatmap to the site's Statistics page today.

Jan 15, 2024

Categories: Plugins

Cloudflare Pages Cron Deploys

Scheduling static site deploys daily

Jan 15, 2024

Categories: Blogging Deployment Remote Data Webmentions

Pokédex Plugin for Eleventy

Plugin to add a Pokédex to your Eleventy website

Jan 14, 2024

by Florian Eckerstorfer (8 posts) · Website & RSS feed

Categories: Plugins

Cloudflare _redirects

Keeping old paths alive on the new site

Jan 14, 2024

Categories: Configuration Deployment How to...

Introduction to Eleventy, a Modern Static Website Generator

We show how Eleventy provides a nice flowing web dev process that works with existing technologies while steering you into good practices.

Jan 13, 2024

by David Eastman (2 posts) · Website & RSS feed

Categories: Getting Started

Eleventy Migration

Back in 2018 I migrated my blog from WordPress to Hexo. Hexo is a static site generator running on Node.js. At the time I chose Hexo because it allowed me complete control over the structure of the resulting website, plus I could override and tweak the markup of the resulting pages. Hexo is a fairly fully-featured static site generator. It has a lot of functionality built into it to cover a lot of...

Jan 13, 2024

by Alistair Deneys (2 posts) · Website

Adding webmentions to my site

I had told myself that I wouldn't do this...but, seeing them on other people's sites changed my mind.

Jan 13, 2024

Categories: Filters Global Data How to...Social Media Webmentions

Adding Decap CMS to 11ty

One person is typing.

Jan 13, 2024

Categories: Blogging CMS Configuration How to...Plugins

Frontmatter Templates for New Blog Posts

In VS Code, using Snippets

Jan 13, 2024

Categories: Blogging Front Matter

A Simple Guide to Redirects on Neocities with Eleventy

We need more tutorials for using Eleventy outside of Netlify. Lets take a look at setting up redirects on Neocities with Eleventy.

Jan 12, 2024

Categories: Configuration Deployment Front Matter How to...Pagination

Updated Eleventy Future Post Plugin

Jan 11, 2024

Categories: Configuration Global Data Plugins

Detecting Markdown titles with Eleventy

Jan 10, 2024

Categories: Front Matter How to...Markdown

Link blogging using Readwise Reader

How I use Readwise Reader to post and share links.

Jan 10, 2024

Categories: Blogging How to...Remote Data

Hiding Future Posts in Eleventy

Describes how to hide posts with a future publishing date in an Eleventy site.

Jan 10, 2024

Categories: Blogging Configuration Global Data How to...Plugins

Adding Site Search to Eleventy with pagefind-search

Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.

Jan 7, 2024

Categories: CSS/Sass How to...Plugins Search

Right here, right now

A brief explanation of the way I built the "Right now" box on my homepage.

Jan 7, 2024

by Martin Gunnarsson (9 posts) · Website & RSS feed

Categories: Collections Data Cascade Dates How to...Now Page

My Journey with 11ty and Tailwind CSS: Building a Personal Website

Jan 7, 2024

by Dipesh Kumar (1 post) · Website

Categories: CSS/Sass Why Eleventy?

My 11ty Plugins

A list of plugins that I have written for the eleventy static site generator.

Jan 5, 2024

Categories: Blogging Plugins

Eleventy Resume Builder

Despite searching the internet, I couldn't find a quick starter for my online resume project, not even on the official 11ty start page. Consequently, I decided to invest some time in creating one and making it available as a starter project for a broader audience.

Jan 5, 2024

by Gurpreet Singh (1 post) · Website & RSS feed

Categories: Getting Started How to...Why Eleventy?

Eleventy Photo Gallery

How I used JPEGs as templates in Eleventy to build a photo gallery

Jan 5, 2024

Categories: Configuration How to...Images Layouts Image Galleries

A bit of a summary of the build of this site and how it works

Jan 5, 2024

by Tim Klapdor (1 post) · Website

Categories: Blogging Getting Started Plugins

Minifying and compressing text files to reduce load

I am continuing to catch up with the technical basics for a modern‐day website. This time I add minification and compression to my 11ty build and the Caddy configuration.

Jan 5, 2024

Categories: Configuration How to...Performance

New year, new blog!

After 9 years of self-hosted WordPress on EC2, I'm finally converting my blog to Eleventy and deploying it to AWS serverless services with Ampt.

Jan 5, 2024

by Jeremy Daly (1 post) · Website & RSS feed

Categories: Why Eleventy?

Deploy 11ty Site Using Rsync

Step-by-step guide for a deployment of your 11ty blog using rsync, npm deploy scripts and optimization for an efficient workflow.

Jan 4, 2024

by Moritz Giessmann (1 post) · Website & RSS feed

Categories: Deployment How to...

I changed my mind, my CMS adventure

When I launched this site a few days ago I posted that I'd settled on Kirby as my CMS of choice. This wasn't exactly a spur of the moment thing, it's a system I've been dabbling with for quite a while.

Jan 4, 2024

by Steve Abraham (1 post) · Website & RSS feed

Categories: CMS Why Eleventy?

11ty or Bust

Jan 3, 2024

by Josh Ghent (1 post) · Website

Categories: Blogging Migrating to Eleventy Why Eleventy?

2023

Building robots.txt from a simple API endpoint

The online journal of Ashur Cabrera.

Dec 31, 2023

Categories: Configuration How to...Remote Data

Updated My Eleventy New Post Module

Dec 30, 2023

Categories: Blogging How to...

Deploying my website

From running my website for myself on my machine to hosting it publicly for everyone.

Dec 30, 2023

Categories: Dates Deployment

Automatic pre-processing of post images in Eleventy

A brief description of how I set up automatic image scaling in Eleventy.

Dec 29, 2023

by Martin Gunnarsson (9 posts) · Website & RSS feed

Categories: Configuration How to...Images Plugins

The Process of Switching to 11ty

Dec 28, 2023

by Keith Wagner (2 posts) · Website & RSS feed

Categories: Blogging How to...Markdown Migrating to Eleventy Permalinks Shortcodes

Eleventy File List Plugin

Describes an Eleventy plugin I created that enables a site to display a list of downloadable files.

Dec 27, 2023

Categories: How to...Plugins

Eleventy GitHub Repositories Plugin

Dec 27, 2023

Categories: How to...Plugins

Customizing external links with Eleventy

How to modify external links by post-processing HTML in Eleventy.

Dec 26, 2023

by Martin Gunnarsson (9 posts) · Website & RSS feed

Categories: How to...Markdown

Another Approach to Webmentions in Eleventy

A quick and dirty way of using Eleventy Fetch and Liquid to display webmentions on your site.

Dec 26, 2023

by Michael Bishop (2 posts) · Website & RSS feed

Categories: How to...Webmentions

LastFM Recently Played with Eleventy

How I'm using Eleventy Fetch to display my recently played tracks from LastFM.

Dec 26, 2023

by Michael Bishop (2 posts) · Website & RSS feed

Categories: How to...Remote Data

Generating and Caching Open Graph Images with Eleventy

How I'm caching my open graph images with eleventy-plugin-og-image instead of generating them on every build

Dec 24, 2023

Categories: Configuration How to...Images Layouts Social Media

Adding a GitHub Repository List to an Eleventy Site (part 2)

An extension of the previous post that shows how to add a list of GitHub repositories to this site using authenticated access to the GitHub REST API.

Dec 23, 2023

Categories: How to...Remote Data

December Updates to Eleventy Plugin Stats

I made some enhancements to my Eleventy Post Statistics plugin this month and this post describes the changes.

Dec 23, 2023

Categories: Plugins

Generating OG Images in Eleventy

Creating OG images for your Eleventy page is really easy with eleventy-plugin-og-image. I show you how!

Dec 23, 2023

by Kilian Finger (1 post) · Website & RSS feed

Categories: Configuration Plugins Social Media

Generating a static blog with Eleventy

From 0 to minimal blog using 11ty. I tell you the steps I took to create the minimal technical basis for this website's content.

Dec 23, 2023

Categories: Blogging Collections Configuration Internationalization Layouts

Building a multi-language Taylor Swift Fan Site with CloudCannon and Eleventy (Zach's version)

A post by Zach Leatherman (zachleat)

Dec 22, 2023

Categories: CMS How to...Internationalization Plugins YouTube

Adding a GitHub Repository List to an Eleventy Site

I decided to add a list of GitHub repositories to this site; not because the site needs it, but because I wanted to learn how to do it. I built a quick and easy approach (with limitations) and this post describes how I did it.

Dec 22, 2023

Categories: How to...Remote Data

Addition of Post Graphs to Stats page

Blog and general digital garden of the full stack programmer Simon Dann.

Dec 20, 2023

Categories: Blogging Plugins

Adding a git based changelog in 11ty

How to add a changelog to your 11ty pages based on commits made to your site's git repository.

Dec 19, 2023

by James Doc (3 posts) · Website & RSS feed

Categories: Data Cascade Dates Filters

Eleventy Post Graph Plugin

Generate Github-style post distribution graph for your blog posts in Eleventy

Dec 19, 2023

Categories: Dates How to...Plugins

ELEVENTY V3 WITH ESM SUPPORT NOW ON THE CANARY CHANNEL

A post by Zach Leatherman (zachleat)

Dec 18, 2023

Categories: Configuration Deployment Migrating to Eleventy From the Source

Maintaining working local links in Eleventy

How to keep links between Markdown files working both locally and on your Eleventy site.

Dec 18, 2023

by Martin Gunnarsson (9 posts) · Website & RSS feed

Categories: Configuration Markdown

Migrating my site from NextJS to Eleventy

I recently migrated my website from NextJS to Eleventy.

Dec 17, 2023

by Sandro Roth (2 posts) · Website & RSS feed

Categories: Migrating to Eleventy WebC Why Eleventy?

Generating Open Graph Images in Eleventy

Autogenerating image previews with Eleventy filter functions and node-canvas

Dec 17, 2023

by nonnullish (3 posts) · Website

Categories: Filters How to...Images Social Media

Calling All Courageous Canary Testers for Eleventy 3.0

Calling all courageous canary testers for Eleventy v3.0 — Eleventy

Dec 17, 2023

Categories: Why Eleventy?Upgrading

Syntax highlighting code in Eleventy posts

A quick tutorial about how to enable syntax highlighting of code blocks in Eleventy posts

Dec 16, 2023

by Martin Gunnarsson (9 posts) · Website & RSS feed

Categories: CSS/Sass How to...Plugins

Eleventy brings me joy

Ramblings about how and why I re-wrote this site completely soon after I first published it

Dec 14, 2023

by Martin Gunnarsson (9 posts) · Website & RSS feed

Categories: Why Eleventy?

More Easily Use Design Tokens in Eleventy

Jan De Wilde, designer and web developer

Dec 12, 2023

by Jan De Wilde (2 posts) · Website

Categories: CSS/Sass How to...

Let’s create a microblog with visual editing using Bookshop and Eleventy

Visual editing is table stakes for a modern content management workflow.

Dec 7, 2023

Categories: Blogging CMS CSS/Sass Configuration How to...

Eleventy vs. Next.js for static site generation

We evaluate Eleventy and Next.js and compare both static site generators for performance, developer experience, scalability, and ecosystem.

Dec 7, 2023

by Nelson Michael (2 posts) · Website

Categories: Blogging Configuration Getting Started Why Eleventy?

Adding pagefind to my Eleventy personal site

I've been wanting to add search functionality to this site for a while. Pagefind made it simple.

Dec 6, 2023

Categories: How to...Search

Implementing a Figma design in Eleventy (Part 2)

YouTube video

Dec 6, 2023

by thoughtbot (3 posts)

Categories: Getting Started How to...YouTube

Programmatically importing your Last.fm listening data to ListenBrainz

I love Last.fm, but in the interest of redundancy, Ive started programmatically importing my listening data from Last.fm into ListenBrainz.

Dec 5, 2023

Categories: Data Cascade Global Data How to...Remote Data

Eleventy WebC in a nutshell

Dec 2, 2023

Categories: Configuration Layouts Plugins WebC

pagefind-search web component

A post by Zach Leatherman (zachleat)

Dec 1, 2023

Categories: How to...Search

Let's update the 11ty Edge Dark Mode Toggle

Using navigator.sendBeacon to toggle dark mode with 11ty Edge functions and Netlify

Nov 30, 2023

Categories: Edge Functions How to...

Live Editing an Eleventy Project in CloudCannon with Bookshop

YouTube video

Nov 30, 2023

Categories: CMS YouTube

Adding Music Previews to My Now Page

How I added a simple audio preview to my recent Spotify tracks.

Nov 29, 2023

Categories: How to...Remote Data

Static Feedback #11: All About Eleventy

A post by Zach Leatherman (zachleat)

Nov 29, 2023

Categories: Why Eleventy?YouTube

Static Feedback #11: All About Eleventy

Static Feedback #11: All about Eleventy — Eleventy

Nov 29, 2023

Categories: Why Eleventy?YouTube

Automating Eleventy Server with Visual Studio Code Tasks

Nov 28, 2023

by Dan Ryan (1 post) · Website & RSS feed

Categories: Configuration How to...WebC

DoubleShift

A small idea to check how many actors have been in both Scrubs and Grey's Anatomy turned into a much bigger thing

Nov 27, 2023

Categories: How to...Remote Data

A blog about web development, handy tutorials, quick rants, thoughts, and everything in between.

Nov 26, 2023

Categories: Filters How to...

Grouping posts by year with nunjucks in Eleventy

Group by year in a clear and readable manner

Nov 24, 2023

by Christopher Kirk-Nielsen (9 posts) · Website & RSS feed

Categories: Collections Dates Filters How to...Nunjucks/Macros

Automating my site update with gitlab ci/cd

Where I describe a ci/cd configuration to deploy an 11ty blog to neocities

Nov 23, 2023

by Grigør (2 posts) · Website

Categories: Deployment How to...

Popular Pages with Eleventy and Fathom Analytics

How I'm using the Fathom API to show a list of popular blogs posts in my Eleventy site

Nov 23, 2023

Categories: Data Cascade Filters How to...Remote Data

Migrating from WordPress to Eleventy (part 4)

Nov 22, 2023

Categories: Blogging Deployment Images Migrating to Eleventy

How to schedule posts in Eleventy

Nov 21, 2023

Categories: Blogging Configuration Deployment How to...Scheduling

Generating the Firehose page on the 11tybundle site

Here's how the Firehose page of the 11tybundle.dev site is built.

Nov 21, 2023

Categories: Collections How to...Remote Data

VSCode Pasting 11ty Images

Creating content locally like a hosted editor

Nov 21, 2023

Categories: How to...Images Markdown Plugins

The tension and future of JAMstack

A post by Zach Leatherman (zachleat)

Nov 21, 2023

Categories: Why Eleventy?

Excluding Livestreams from the YouTube Data API in JavaScript

The YouTube API doesn't exclude past livestream videos from a playlist on its own. Here's how I filtered them.

Nov 20, 2023

by Josh Vickerson (2 posts) · Website & RSS feed

Categories: How to...Remote Data YouTube

Migrating from WordPress to Eleventy (part 3)

Nov 20, 2023

Categories: Asset Pipelines Blogging Drafts Pagination

Building post types and category RSS feeds in Eleventy

Nov 19, 2023

Categories: Blogging Collections How to...Pagination RSS

Eleventy Splitting Category Data Across Two Table Columns

Nov 18, 2023

Categories: Collections How to...

Using 11ty to bring back tag clouds

Tag clouds are a good way of seeing what kind of posts are floating around in your blog, lets bring them back

Nov 16, 2023

Categories: Filters How to...Plugins

Making a privacy respecting hit counter with Plausible analytics

Adding a hit counter with Plausible is private and quick using their aggregate API

Nov 15, 2023

Categories: How to...Remote Data

Migrating to Eleventy

renkotsuban's personal site and blog.

Nov 15, 2023

by Renkon (1 post) · Website & RSS feed

Categories: Getting Started How to...Migrating to Eleventy

A new technique for image optimization: SVG short circuiting

A post by Zach Leatherman (zachleat)

Nov 15, 2023

Categories: How to...Images Plugins

Hacking together a Tweekly.fm replacement

I mused the other day about wanting a replacement for Tweekly.fm which shut down due to Twitter's API changes and restrictions. In my case, the aim would be to make this compatible with Mastodon since that's where I've found myself spending the most time recently.

Nov 15, 2023

Categories: How to...Remote Data

From Figma to Browser with Eleventy (Part 1)

YouTube video

Nov 15, 2023

by thoughtbot (3 posts)

Categories: Getting Started How to...YouTube

Automatically optimize your images with Eleventy Image and CloudCannon

Websites are becoming increasingly visual and we're adding more and more image content to our sites — but these images need to be optimized.

Nov 14, 2023

Categories: Images Performance Plugins

11ty and Observable

Nov 11, 2023

by Harris Lapiroff (2 posts) · Website & RSS feed

Categories: Configuration How to...

Highlighting the current category in Eleventy

Highlight current parent folder using the eleventy-navigation plugin

Nov 10, 2023

by Eystein Mack Alnaes (2 posts) · Website & RSS feed

Categories: How to...Navigation

Migrating from WordPress to Eleventy (part 2)

Nov 8, 2023

Categories: Blogging Migrating to Eleventy Pagination Plugins

Using Wordpress as a headless CMS for Eleventy

How I avoided having to re-learn PHP and love Eleventy.

Nov 7, 2023

Categories: CMS Global Data Navigation Pagination Remote Data Search

From Jason 2.0 is an 11ty-powered digital garden with multiple plots

Odes & Satires, and other matters of stuff & things.

Nov 6, 2023

by Jason Velazquez (1 post) · Website & RSS feed

Categories: Blogging

Default layouts in 11ty

Nov 6, 2023

by Remy Sharp (2 posts) · Website & RSS feed

Categories: Configuration How to...Layouts

Migrating from WordPress to Eleventy (part 1)

Nov 6, 2023

Categories: Blogging How to...Migrating to Eleventy

A NEW ELEVENTY MASCOT FROM DAVID NEAL!

A post by Zach Leatherman (zachleat)

Nov 6, 2023

Categories: From the Source

WebC is neat! with Zach Leatherman, Web Developer

YouTube video

Nov 3, 2023

by Nick Taylor (2 posts)

Categories: WebC YouTube

How to setup Agit CMS with your 11ty website

The hackable, local, markdown based CMS for the developer that doesn't want content management to be a whole thing.

Nov 2, 2023

Categories: CMS Front Matter How to...

Integrating WordPress Posts with 11ty

Nov 2, 2023

by Kevin Gimbel (1 post) · Website & RSS feed

Categories: Blogging CMS Global Data Remote Data

Eleventy Date-only Filter

I noticed recently that the site's stats page displayed the first and last post dates with time information even though the values only contained dates. I created a simple Eleventy Filter to trim them to date only with the format I wanted. This post shows how I did it.

Oct 31, 2023

Categories: Dates Filters

Pagination in a Javacsript template with Eleventy

Here I use a javascript template to generate json data files for selected categories of the 11tybundle.dev site.

Oct 31, 2023

Categories: How to...Pagination

Feedbin is rendering my RSS feed wrong, let's fix it!

Feedbin is removing the wrong elements, so let's make up for it on our own

Oct 31, 2023

Categories: Filters How to...RSS

Scratch that...use the Google Sheets API

Just generating a json file from Google Sheets was not good enough. I had to use the API.

Oct 30, 2023

Categories: Data Cascade Global Data Netlify Remote Data

Eleventy Excellent demo branches

Frontend developer and designer living in Madrid. I enjoy working with semantic HTML, vanilla Javascript and modern CSS.

Oct 30, 2023

Categories: Blogging Configuration Pagination

Better word counts and reading time in Eleventy (11ty)

A short tutorial on how to count words and determine the reading time using Eleventy.

Oct 29, 2023

by Andrew Ward (3 posts) · Website & RSS feed

Categories: How to...Plugins

How to find backlinks using Eleventy (11ty)

A short tutorial on how to find backlinks (pages that link to the current page) using Eleventy

Oct 29, 2023

by Andrew Ward (3 posts) · Website & RSS feed

Categories: How to...Plugins

Cleaning up the 11ty config

The eleventy config file can get cluttered quickly so I cleaned mine up

Oct 29, 2023

Categories: Configuration How to...

I've switched to Eleventy: my thoughts

In this article, I will talk about why I switched, how I did it, and my thoughts about Eleventy as a new user.

Oct 27, 2023

by Andrew Ward (3 posts) · Website & RSS feed

My Neocities workflow: using Eleventy and the CLI to speed up development

Oct 27, 2023

by Whiona (1 post) · Website & RSS feed

Categories: Blogging Deployment Getting Started How to...

Building a photography website

The setup for sharing my photo gallery.

Oct 25, 2023

Categories: How to...Images Navigation Image Galleries

Seven Million npm Downloads

Seven Million npm Downloads! — Eleventy

Oct 23, 2023

Categories: Deployment

Clean Up Your Config File

MooseDog Studios - Where Convention Takes A Back Seat To Quality

Oct 23, 2023

Categories: Configuration How to...

SEVEN MILLION NPM DOWNLOADS FOR ELEVENTY

A post by Zach Leatherman (zachleat)

Oct 23, 2023

Categories: From the Source

What I learned making top-level.dev

A single purpose site that gives you all of the top level domains in one handy list.

Oct 18, 2023

Categories: Pagination Plugins

Twitter X recently removed headlines and descriptions from link previews, in the name of “esthetics.” Inspired by Steph Ango, while we try not to run our business on the whims of a social media platform, this change did push us into making a change we’ve been meaning to for awhile: adding social preview images for our blog posts. For example, this is now what you’ll see when you share this post:

Oct 17, 2023

by Matthew Lettini (1 post) · Website & RSS feed

Categories: How to...Images Social Media

TinaCMS + 11ty

Taking a deep dive into setting up a CMS for my static site with TinaCMS

Oct 17, 2023

by Clayton Errington (11 posts) · Website & RSS feed

Categories: Blogging CMS Configuration Deployment How to...

Speed up your CloudCannon Builds with Preserved Paths

YouTube video

Oct 16, 2023

Categories: Deployment How to...Remote Data YouTube

CloudCannon as a git based headless CMS for static site generators

Showcasing CloudCannon with 11ty as a headless CMS service

Oct 14, 2023

by Piotr Maliński (3 posts) · Website & RSS feed

Categories: CMS How to...

Migrating Blogger to Eleventy

Shifting sheetsj.com into the future

Oct 13, 2023

Categories: Migrating to Eleventy How to...Blogging

Permalink-Driven Breadcrumbs in Eleventy

An approach to add a breadcrumb navigation to your Eleventy site, utilising the permalink structure

Oct 13, 2023

by Oscar (3 posts) · Website & RSS feed

Categories: Navigation How to...CSS/Sass Permalinks

Eleventy and Storyblok - My perfect combination

In this article, I share why I choose this combination, hoping you also fall in love with them.

Oct 11, 2023

by Estela Franco (3 posts) · Website & RSS feed

Categories: CMS Why Eleventy?

Under the hood

LostInBrittany's tech blog, reborn... again...

Oct 9, 2023

by Horacio Gonzalez (1 post) · Website

Categories: WebC Why Eleventy?

Adding Search to an Eleventy Site Without Client-side JavaScript

Oct 9, 2023

by Philip Renich (1 post) · Website & RSS feed

Categories: Search How to...

Eleventy

I love the idea of static site generators (sometimes known as SSGs or SSBs – static site builders). They eschew the complexity of modern CMSes such as Wordpress. Instead of server-side code and databases, a static site generator is a script that, when run, transforms a folder of text files and templates into HTML.

Oct 7, 2023

by Harris Lapiroff (2 posts) · Website & RSS feed

Categories: Why Eleventy?

Making a lighthouse-fast website with a static site generator like 11ty

Creating an SSG flow to generate a highly optimized static website.

Oct 7, 2023

by Piotr Maliński (3 posts) · Website & RSS feed

Categories: Configuration How to...Images CSS/Sass Social Media

What's that?

A short introduction why I started a blog and what you can expect here

Oct 6, 2023

by Albrecht Kohnlein (1 post) · Website & RSS feed

Categories: Why Eleventy?

Making a simple Eleventy blog template

If you’ve worked with TypeScript, React or Next odds are you’ve encountered an update that broke a... Tagged with frontend, css, html, tutorial.

Oct 3, 2023

by Tomek Poniatowicz (2 posts) · Website & RSS feed

Categories: Blogging Collections Front Matter How to...Layouts

Eleventy components woes

So far so good, in part one we managed to do a very basic setup of a blog website sticking to just... Tagged with frontend, javascript, react, webdev.

Oct 3, 2023

by Tomek Poniatowicz (2 posts) · Website & RSS feed

Categories: WebC

How to Fix Eleventy Serverless Functions on Netlify

In a strange turn of events where I made zero changes to my code, my serverless functions suddenly stopped working, until now.

Oct 3, 2023

by Troy V (2 posts) · Website & RSS feed

Categories: How to...Netlify Serverless

How to make a PWA out of your Eleventy site

Eleventy sites can be PWAs with two plugins. But there are strings attached.

Oct 3, 2023

Categories: How to...

Excerpts for Eleventy: My Implementation

Converting my relatively basic personal website to Eleventy has shown me how challenging it is to build a static-site generator flexible...

Oct 2, 2023

by Keith Carangelo (1 post) · Website & RSS feed

Categories: Blogging How to...Front Matter Markdown

Headless kiosk application (with Kirby CMS)

Use Kirby and 11ty to generate a headless kiosk application hat works offline.

Oct 1, 2023

by James Steel (1 post) · Website & RSS feed

Categories: CMS How to...Images

Delaying asset requests in Eleventy

Simulate slow connections on your Eleventy website using dev server middleware.

Sep 29, 2023

Categories: Asset Pipelines How to...

Eleventy JSON Output

For a small Eleventy-based project I wanted to output an example.json file – stored in the data folder – in a nunjucks template. If you simply output the variable example you'll see the unhe…

Sep 29, 2023

by Trevor Morris (3 posts) · Website & RSS feed

Categories: How to...Filters

Scheduling Automatic Builds with Static Site Generators

Having a static site is great, but there could be times where you need to build your site on a schedule.

Sep 28, 2023

by Clayton Errington (11 posts) · Website & RSS feed

Categories: How to...Deployment Scheduling

How to add a custom slugify filter to 11ty

During my recent blog migrations, I discovered the new slugify filter handles apostrophes differently. I'd prefer they were dropped. Here are the steps.

Sep 27, 2023

Categories: Filters How to...

Technical Architecture

How to make your site generate more leads, increase revenue, and save on engineering. These are the best design principles to follow when creating a web system instead of a website. Brought to you by one of the world's best product studios.

Sep 26, 2023

by Fictive Kin (1 post) · Website

Categories: Why Eleventy?

How I created a blogroll with 11ty based off of Ben Myers solution

Sep 24, 2023

by Clayton Errington (11 posts) · Website & RSS feed

Categories: Blogging How to...

Making Author Pages for an Academic Journal in Eleventy, or, How to Manipulate Collection Data in Eleventy

Sep 23, 2023

by Micah Torcellini (1 post) · Website & RSS feed

Categories: Pagination How to...Collections

In creating my portfolio site, I wanted to have dynamic elements that would add/remove classes based... Tagged with eleventy, 11ty, tutorial, portfolio.

Sep 21, 2023

by Adam Jolicoeur (1 post) · Website & RSS feed

Categories: How to...Navigation

A step-by-step guide to adding a blogroll, complete with each blog's latest posts, to your Eleventy site.

Sep 21, 2023

by Ben Myers (6 posts) · Website & RSS feed

Categories: Data Cascade Remote Data How to...Configuration Blogging

Eleventy: A Paired Shortcode for Looping Video

Adding GIF-like looping video to my site.

Sep 21, 2023

Categories: How to...

Custom language syntax highlighting

Web development blog. The good, bad, and ugly (mostly bad and ugly)

Sep 15, 2023

Categories: CSS/Sass How to...

How to create a drafts page for an 11ty blog

Sep 13, 2023

by Luke Harris (1 post) · Website & RSS feed

Categories: Collections Drafts

Fun With Front Matter: Part 4 - Featured Posts

How to use "featured" posts to highlight important content.

Sep 12, 2023

Categories: Front Matter How to...

Semi-automated hashtags for syndicated posts

I went out on a limb recently and decided to build a custom collection in Eleventy that aggregates my post tags and link tags (sourced from Matter). These tags then get appended to shared post or link titles when they're syndicated from my site.

Sep 10, 2023

Categories: Collections How to...

Now I have a few posts, it would be good to have some way to narrow them down when looking for something specific.

Sep 9, 2023

Categories: Filters How to...Nunjucks/Macros

Migrating blog to a static site generator - 11ty versus Astro

Benefits, downsides and the whole journey of migrating to an SSG.

Sep 9, 2023

by Piotr Maliński (3 posts) · Website & RSS feed

CloudCannon + Eleventy

Getting CloudCannon setup with your Eleventy project is easier than you think

Sep 6, 2023

by Clayton Errington (11 posts) · Website & RSS feed

Categories: Deployment How to...Collections Configuration

Now page: grouping episodes of the same tv show

I made a minor update to how I'm normalizing TV data for display on my now page.

Sep 6, 2023

Categories: Remote Data How to...Now Page

Flickerless dark mode in 11ty with Tailwind CSS

Just a couple of days ago, I was about to rebuild my portfolio website from scratch. As a typical web... Tagged with webdev, javascript, tutorial, html.

Sep 4, 2023

by Tengku Farhan (1 post) · Website & RSS feed

Categories: CSS/Sass Configuration How to...

Drying up now page templates and normalizing data in Eleventy

My now page consists of a number of similar sections — some bespoke text, a number of media grids and lists. The text is repeated once, the lists are easily templated out in Liquid.js and the media grids are all quite similar.

Sep 3, 2023

Categories: How to...

Webmentions in Eleventy

There comes a time in every Eleventy blog's life where the author must write a post about implementing webmentions. Here is mine.

Sep 1, 2023

by David Hayes (1 post) · Website & RSS feed

Categories: How to...Remote Data Webmentions

11ty draft posts - Set up a draft system in 11ty

Setting a post to draft in 11ty while writing

Sep 1, 2023

Categories: Configuration How to...Drafts

Migrer de Ghost à 11ty (Migrating from Ghost to 11ty)

Journal personnel de GoOz, avec des mots petits et grands.

Aug 31, 2023

by GoOz (1 post) · Website & RSS feed

Categories: Migrating to Eleventy

Fun With Front Matter: Part 3 - Handling Edits

Another example of front matter - signifying edits (both when and why)

Aug 31, 2023

Categories: How to...Front Matter

From Zero to CMS in 2 Minutes with CloudCannon and Eleventy

YouTube video

Aug 29, 2023

Categories: CMS YouTube Deployment

Fun With Front Matter: Part 2 - Follow-ups

Using front matter to specify a follow up to your content.

Aug 29, 2023

Categories: Front Matter How to...

A series on doing more with your Jamstack site's front matter

Aug 28, 2023

Categories: Front Matter Filters How to...

Displaying now playing data with matching emoji using Netlify edge functions and Eleventy

My site is built using 11ty and is rebuilt once an hour. These frequent rebuilds accomplish a few things, notably updating webmention data and keeping my now page current.

Aug 25, 2023

Categories: How to...Edge Functions Now Page

Eleventy Style Guide Generator - Step by Step buide adding to an existing site

Step by Step guide to adding the Eleventy Style Guide Generator to an existing site. Details on how to avoid needing WebC or Design Tokens included.

Aug 25, 2023

Categories: How to...

webc.nvim

New Neovim Plugin - Basic support for WebC files

Aug 23, 2023

by Raymond Camden (100 posts)

Categories: Plugins WebC

Website rewrite and switching to Notion as CMS

This website served me well for almost 5 years with minor improvements, tweaks and hacks. Now, it was time for a total rewrite and upgrading my stack and tools.

Aug 22, 2023

by Juha-Matti Santala (13 posts) · Website & RSS feed

Categories: Remote Data How to...

Intelligent indexing: searching rich content with Pagefind

YouTube video

Aug 22, 2023

by Liam Bigelow (1 post)

Categories: How to...Search YouTube

How I built my Now page

YouTube video

Aug 22, 2023

Categories: How to...Remote Data YouTube

I Rebuilt My Blog and Didn't Write About It

Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.

Aug 20, 2023

Categories: Blogging Why Eleventy?

Compiling CSS with Eleventy

A list of different options for compiling CSS with Eleventy

Aug 16, 2023

Categories: CSS/Sass Asset Pipelines

Pulling WordPress Post Categories & Tags Into Eleventy

Step by step guide to gathering post categories and tags from the WordPress REST API for better filtering and discoverability in an Eleventy blog.

Aug 15, 2023

Categories: Remote Data How to...

Migrating from WordPress to 11ty: Enhancing Website Performance and Control

Discover the benefits of using 11ty for static website generation, including improved performance, simplicity, and control over your website. Take your online presence to new heights with 11ty.

Aug 13, 2023

by Alex Zappa (2 posts) · Website & RSS feed

Categories: Migrating to Eleventy

Refactoring My Static Site in 2023

When I last redesigned tylersticka.com, I was tired of my content management system. I already authored posts with Markdown and HTML, my…

Aug 12, 2023

by Tyler Sticka (1 post) · Website & RSS feed

Categories: Why Eleventy?

Supercharge your HTML with WebC

YouTube video

Aug 11, 2023

by Build UX (1 post)

Categories: How to...WebC

classnames

An Eleventy plugin that joins truthy, deduplicated values into a single, compact string for use in an HTML element's class attribute.

Aug 5, 2023

Categories: Plugins How to...CSS/Sass

Build your own 11ty starter

If you want to build a website quickly then 11ty is a great tool. Here is how I set up my starter pack to get me up and running in a few minutes.

Aug 5, 2023

Categories: How to...Configuration Getting Started

Eleventy Category Images

Describes a solution I implemented in this site to add Category-specific header images to posts. I modified my eleventy-generate-category-pages module to generate additional properties for the header images and some shortcodes to add the image and attribution to the site's pages.

Aug 4, 2023

Categories: Images How to...

Eleventy Style Guide Generator with WebC Component Support

The simplicity and speed of Eleventy with the organization of a self documenting design system. Style guide generator that incorporates design tokens, fluid typography, and WebC components.

Aug 3, 2023

Categories: WebC

Create Markdown Page Template With Shell Script

I have been using Save As to create new web pages from old ones for my blog for some time now. This works okay, but I have to rename the file, delete out the old content then try to leave some of the reusable HTML snippets like image, links and the resources section, which can be a bit cumbersom.

Aug 2, 2023

Categories: How to...Markdown

Use TailwindCSS with Eleventy Static Site Generator

A guide to using Tailwindcss and Eleventy with auto reloading feature. You will also learn to add DaisyUI in conjunction with TailwindCSS.

Jul 30, 2023

by Hrishikesh Pathak (3 posts) · Website & RSS feed

Categories: CSS/Sass Configuration How to...

Interactive HTML Code Demos in Eleventy

With eleventy-plugin-code-demo, you can easily add interactive HTML, CSS, and JavaScript code demos to your Eleventy site using Markdown.

Jul 30, 2023

by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed

Categories: How to...

A Future of Themes with CSS Container Style Queries

One way to implement themes on a website with style queries

Jul 29, 2023

by Christopher Kirk-Nielsen (9 posts) · Website & RSS feed

Categories: CSS/Sass Asset Pipelines

Formatting Obsidian markdown to render in Eleventy

Added functionality to find and replace certain Obsidian markdown with Nunjucks templates and HTML

Jul 28, 2023

Categories: How to...Markdown

WebC Declarative Shadow DOM Slot Workarounds

A cheeky hack to make slot elements work as expected in 11ty's WebC framework.

Jul 28, 2023

Categories: WebC How to...

Sorting and Dating 11ty Posts by Name

Organize and automate your 11ty blog's post structure with ISO dates and some quick JavaScript.

Jul 28, 2023

Categories: Dates How to...

Deploying an 11ty Site to GitHub Pages Using GitHub Actions

The last time I wrote about deploying to GitHub Pages, it was essentially a tutorial on how to use Travis CI for deployment to GitHub Pages. Travis, unfortunately, discontinued their free plan b...

Jul 27, 2023

by Jonathan Snook (2 posts) · Website & RSS feed

Categories: Deployment How to...

Blog comments via Mastodon

After half a year of pondering, I finally wrote a bit of code to add comments to my blog via Mastodon replies.

Jul 26, 2023

by Juha-Matti Santala (13 posts) · Website & RSS feed

Categories: How to...Social Media

Bigg Announcement: Eleventy and CloudCannon

Big Announcement: Eleventy and CloudCannon! — Eleventy

Jul 25, 2023

Categories: Why Eleventy?

Good news about CloudCannon and Eleventy

Not long after receiving a short-sighted shafting, my favorite JavaScript-based SSG and its creator wind up in good and friendly hands.

Jul 25, 2023

Categories: Why Eleventy?

Why CloudCannon Developers love Eleventy

YouTube video

Jul 24, 2023

Categories: Why Eleventy?YouTube

Now Page: Automatically Syncing My Now Pages

How I automatically sync my now page with omg.lol

Jul 23, 2023

Categories: How to...Remote Data Now Page

Going Lean

Jul 21, 2023

Rethinking Categorization

Jul 20, 2023

Categories: How to...Collections

11ty: Index ALL the things!

Jul 19, 2023

Categories: Pagination Collections Filters Dates

i11g - Updating an Immutable Blog

Using IPFS, 11ty, and dAppling to create an easy to update blog hosted on IPFS.

Jul 19, 2023

by Namaskar (1 post) · Website & RSS feed

Categories: Blogging Getting Started

Build a Blog with Eleventy (11ty) and Webiny Headless CMS

In this tutorial, we will build a blog site with Eleventy (11ty) and Webiny Headless CMS. We will look at how to set up Webiny and consume that data in a Eleventy (11ty) project.

Jul 18, 2023

by Maurice King (1 post) · Website

Categories: Blogging CMS Getting Started How to...

Migrating Disqus from WP to 11ty

Jul 18, 2023

Categories: Migrating to Eleventy

The Eleventy Community Survey Results (2023)

The Eleventy Community Survey Results (2023) — Eleventy

Jul 17, 2023

Categories: Why Eleventy?

Added Content Stats to Eleventy Plugin Post Statistics

This post describes some new enhancements to my Eleventy Plugin Post Statistics plugin.

Jul 15, 2023

Categories: Plugins

From Nunjucks to Liquid

Changing the template language from nunjucks to Liquid in my eleventy project

Jul 14, 2023

by Morten Birch (1 post) · Website

Categories: Nunjucks/Macros

Add table of content in Eleventy markdown blog

First, install the markdown-it-anchor plugin to add ids to heading elements. Then use the eleventy-plugin-toc plugin to generate the table of content.

Jul 12, 2023

by Hrishikesh Pathak (3 posts) · Website & RSS feed

Categories: Blogging How to...Markdown

I took some time last week to build out a popular posts widget after seeing Zach's implementation using Google Analytics.

Jul 12, 2023

Categories: Remote Data How to...

Using PDFs with Algolia and Adobe PDF Extract API

A look at using Adobe's PDF Extract API to integrate with Algolia's Search APIs

Jul 12, 2023

Categories: How to...Search

Use TailwindCSS with Eleventy Static Site Generator

If you are building a blog with Eleventy and want to add TailwindCSS for styling, then this is the... Tagged with javascript, tailwindcss, css, eleventy.

Jul 11, 2023

by Hrishikesh Pathak (3 posts) · Website & RSS feed

Categories: CSS/Sass

Batching YAML Front Matter Updates

This article describes a command-line utility I created to do batch add/update to YAML front matter of all of the markdown files in a folder. This is especially helpful when working with static site generators (SSG).

Jul 10, 2023

Categories: Front Matter How to...

Eleventy Not A Supported MIME Type

Jul 9, 2023

Categories: Debugging

Updated Eleventy Post Stats Plugin

I published an update to my Eleventy Plugin Post Statistics plugin this morning and this article explains what changed.

Jul 7, 2023

Categories: How to...Debugging

Solving a date display issue in 11ty templates

I was getting the full UTC code and only needed the short date without time

Jul 7, 2023

Categories: Dates

Problem Writing Eleventy Templates

Jul 7, 2023

Categories: Debugging

How I set up lastmod date in my 11ty xml sitemap

Google now want an accurate lastmod date in the xml sitemap. Here is how I set it up in my 11ty site.

Jul 6, 2023

Categories: How to...Configuration

Eleventy Filter Parameters

How to add parameters to an Eleventy filter.

Jul 5, 2023

Categories: Filters How to...

Six Million NPM Downloads!

Six Million npm Downloads! — Eleventy

Jul 4, 2023

Categories: Why Eleventy?

Choosing a jamstack static site generator

Choosing a Jamstack Static Site Generator

Jul 3, 2023

by Neal Gamradt (1 post) · Website

Categories: Why Eleventy?

SIX MILLION NPM DOWNLOADS FOR ELEVENTY

A post by Zach Leatherman (zachleat)

Jul 3, 2023

Categories: From the Source

Now page update: poster art for shows and movies

Combine multiple API calls and eleventy-fetch to enrich Trakt metadata with poster art.

Jul 2, 2023

Categories: Remote Data How to...

Introducing: 11ty with reasonable defaults

TL;DR Initialize your 11ty projects with reasonable defaults: npm install -g yo npm... Tagged with showdev, webdev, productivity.

Jul 2, 2023

by Winston Puckett (1 post) · Website & RSS feed

Categories: Configuration

Updated Eleventy Generate Posts Utility

Jul 1, 2023

Categories: How to...

Generating CSS with PostCSS and eleventy.before

I'm trying to keep the setup of my personal projects as simple as possible. Today, we're looking at how CSS is generated.

Jun 29, 2023

Categories: CSS/Sass Configuration How to...

Fetching webmentions with Netlify and Eleventy Edge

Sadly, I'm not too good at documenting what I'm sometimes building in the little free time that I have. At the end of last year, I implemented an interesting feature on this site, but never wrote about it.

Jun 23, 2023

Categories: Social Media Deployment How to...

Displaying listening data from Apple Music using MusicKit.js

Up until now my now page has sourced music data from Last.fm (and may well again). But, in the interest in experimenting a bit, I've tried my hand at rewriting that part of the page to leverage data from Apple Music, using MusicKit.js instead.

Jun 21, 2023

Categories: Remote Data How to...

Adding game cover art to my /now page

How I'm using Eleventy-Fetch and the Steam API to fetch recently played games, the games cover art and store page URL to display on my /now page.

Jun 19, 2023

Categories: Images Remote Data How to...Now Page

Creating Bootstrap WebC Components in Eleventy

Using WebC to make working with Bootstrap simpler.

Jun 19, 2023

Categories: WebC How to...

WordPress to Eleventy - Part 1, The Why

For years my personal website used WordPress, now it's using Eleventy and this is why

Jun 18, 2023

by Chris Smith (2 posts) · Website

WordPress to Eleventy - Part 2, The How

For years my personal website used WordPress, now it's using Eleventy and this is how I migrated it

Jun 18, 2023

by Chris Smith (2 posts) · Website

Categories: Migrating to Eleventy How to...

Eleventy tag filter

Web development blog. The good, bad, and ugly (mostly bad and ugly)

Jun 16, 2023

Categories: Filters

Eleventy tag filter

Web development blog. The good, bad, and ugly (mostly bad and ugly)

Jun 15, 2023

Categories: Filters How to...

THE NEXT PHASE OF ELEVENTY: RETURN OF THE SIDE PROJECT

A post by Zach Leatherman (zachleat)

Jun 15, 2023

Categories: From the Source

Bookshop 11ty Guide

Learn how to build a live-editable website using Eleventy and Bookshop on CloudCannon.

Jun 13, 2023

by CloudCannon (7 posts) · Website & RSS feed

Categories: How to...Getting Started

Fixed Category Page Generation

I figured out how to get my Eleventy Generate Category Pages module working in an Eleventy build process.

Jun 13, 2023

Categories: Pagination

File Last Modified Is Available

MooseDog Studios - Where Convention Takes A Back Seat To Quality

Jun 11, 2023

Categories: Dates How to...

Integrating JSON-LD Into Your Eleventy Pages

MooseDog Studios - Where Convention Takes A Back Seat To Quality

Jun 9, 2023

Categories: Configuration How to...

From ICS to JSON: surfacing anticipated albums

I use MusicHarbor by Marcos Tanaka to track upcoming albums from my favorite artists (typically by syncing my last.fm data with the app.) When I see something new that I want to add to my collection I throw it on a calendar creatively titled Albums.

Jun 8, 2023

Categories: Remote Data How to...

Using Goodreads Data in Eleventy - Update

A followup to my previous article on Goodreads and Eleventy

Jun 8, 2023

Categories: Remote Data How to...

Fast and Easy CSS Revisioning

MooseDog Studios - Where Convention Takes A Back Seat To Quality

Jun 8, 2023

Categories: CSS/Sass How to...

Optimizing for performance with Eleventy

In the interest of over-engineering my personal site I've gone out of my way to optimize it for performance.

Jun 7, 2023

Categories: Performance How to...

Using Goodreads Data in Eleventy

An example of using exported Goodreads data in an Eleventy site.

Jun 7, 2023

Categories: Remote Data How to...

11ty image shortcode best practice

Quick reminder to myself about how to use the 11ty shortcode for images

Jun 6, 2023

Categories: Images How to...Markdown Shortcodes

Generating Eleventy Category Pages Inside Eleventy Build

After my announcement of my command-line utility for generating Eleventy Paginated Category pages, I learned how to do this inside of Eleventy and need some help finishing it for general use.

Jun 5, 2023

Categories: Pagination How to...

Interactive demos inside articles

This article touches how I embed interactive code demos into my blog articles.

Jun 1, 2023

by Lea Rosema (4 posts) · Website

Categories: How to...

Converting a Drupal site to 11ty

I blog about my adventures with technology, text and data analysis, and digital philology

Jun 1, 2023

by Samuel J. Huskey (1 post) · Website

Categories: Migrating to Eleventy

Eleventy Paginated Category Pages

Something I wanted to do with this site, but wasn't supported by Eleventy, is generate paginated pages of content for each category. This article explains how I solved this problem and how you can use it for your Eleventy site(s).

May 31, 2023

Categories: Pagination How to...

Adding client side search to a static site

Creating a site-search function that doesn't rely on external services

May 31, 2023

by Tom Hazledine (3 posts) · Website & RSS feed

Categories: Search How to...

Migrating This Site from Joomla To Eleventy

Describes the process I used to migrate a 14 year old Joomla site (this one) to Eleventy and the tools I created to simplify the process (that you can use in your Joomla to Eleventy migrations).

May 30, 2023

Categories: Migrating to Eleventy

Eleventy Displaying Posts from Another Site

I wanted to pull the most recent articles from an Eleventy site into another Eleventy site, so I wrote this article to explain how I did it.

May 29, 2023

Categories: How to...Remote Data

My plugin for markdown-it: codewrap

My solution to adding "Copy" to markdown code blocks (and other things)

May 28, 2023

by Christopher Kirk-Nielsen (9 posts) · Website & RSS feed

Categories: Markdown How to...

Host an ics calendar feed with Eleventy

May 21, 2023

Categories: How to...Dates

Eleventy by Example, by Bryan Robinson

A review of "Eleventy by Example", by Bryan Robinson

May 18, 2023

Categories: Getting Started

I hooked up Eleventy to WordPress API

I’ve got some plans for this site. The main thing I want to do is bring my music collection into my main site, instead of having a subdomain. That thing has been a “prototype” for over 2 years now… The problem is that site uses Notion as its data source. I really like managing my […]

May 17, 2023

by Andy Bell (3 posts) · Website & RSS feed

Categories: Remote Data How to...

Eleventy Grey-Matter Engine Not Registered Error

May 17, 2023

Categories: Debugging

Remove trailing slash on 11ty S3 hosted sites using Cloudfront function

How to rewrite the Cloudfront request so trailing slashes are redirected to the non-trailing slash URI using a Cloudfront function.

May 16, 2023

by Martin Hicks (2 posts) · Website & RSS feed

Categories: Deployment How to...

Generating Post Batches in Eleventy

This article describes a Node command-line utility I created to generate batches of new posts in an Eleventy site.

May 16, 2023

Categories: How to...

Cloudflare Pages error with 11ty build

I had an issue with a build failing on Cloudflare Pages and this is how I fixed it

May 15, 2023

Categories: Deployment

Blogging on the Jamstack with Netlify & Eleventy

Looking to create a Headless Blog using the Jamstack? Here are all the steps you need to follow to build your own Jamstack-based blog using Eleventy and Netlify

May 15, 2023

by David Darnes (5 posts) · Website

Categories: Deployment Netlify

Automating Eleventy Post Creation

Describes a utility I created to automate creating a new post in an Eleventy site.

May 11, 2023

Categories: How to...

The Need for Speed: Why Eleventy Leaves Bundlers Behind

Static site generator Eleventy recently released version 2.0, which includes support for web component files and a new dev server.

May 10, 2023

by Loraine Lawson (1 post) · Website & RSS feed

Categories: Performance Why Eleventy?

Eleventy Site Statistics

I wanted to add a statistics page to this site, so I created an Eleventy plugin to do it. This article describes how to use the plugin in your Eleventy site.

May 10, 2023

Categories: How to...

Fetching & caching data from Airtable in my 11ty site

Using the Airtable.js library and Eleventy Fetch

May 9, 2023

Categories: Remote Data How to...

Eleventy (11ty), Vite, Tailwind, and Alpine.js – Rapid static site starter framework

In this post, I'll share my go-to setup for rapidly developing static sites and landing pages where a full CMS may be overkill. We'll use Eleventy, Vite, Tailwind, and Alpine.js.

May 6, 2023

by Full Stack Digital (1 post) · Website & RSS feed

Categories: Getting Started

Now page update: favorite articles from Matter

I dropped in a quick update to my now page to display the 5 most recent articles from my favorites feed in Matter.

May 5, 2023

Categories: How to...

Book Release: Eleventy by Example – Learn 11ty with 5 in-depth projects

Oh! Hey! I wrote a book. Fancy that! It's, of course, all about 11ty.

May 4, 2023

Categories: Getting Started

Embed JSDoc comments in an Eleventy website

May 3, 2023

Categories: How to...Configuration

Meta Description and Keywords in Eleventy

This article describes how I added HTML Keywords to an Eleventy site.

May 1, 2023

Categories: Configuration How to...

I noticed that the category lists on this site had an extra space before and after the comma and set out to fix it.

Apr 30, 2023

by Khalid Abuhakmeh (3 posts) · Website

Categories: How to...

Unit Test 11ty Pages With Vitest and Typescript

Unit testing 11ty JavaScript templates with Vitest and Typescript

Apr 25, 2023

Categories: Debugging How to...

Eleventy Last Post Date Using Liquid

Apr 25, 2023

Categories: Debugging Dates

Eleventy Enhanced Pagination Navigation Buttons

After adding Previous and Next buttons to paginated pages in this site, I figured out a clean way to add First and Last buttons as well and this post describes how I did it.

Apr 23, 2023

Categories: Navigation How to...

Pseudorandom numbers in Eleventy

Create deterministic series of random numbers for generative arts

Apr 23, 2023

by Lea Rosema (4 posts) · Website

Categories: How to...

How To Craft a Stylish Static Website with Eleventy (11ty)

Learn how to use Eleventy to craft a stunning and functional static portfolio website without needing a server-side language or database.

Apr 21, 2023

by Joel Olawanle (1 post) · Website & RSS feed

Categories: Getting Started How to...

Automated workflows for websites

In this article, I'm writing about automated workflows I added to this blog.

Apr 20, 2023

by Lea Rosema (4 posts) · Website

Categories: Configuration How to...

Building and Automating My Now Page

How I built and automated my now page with Eleventy and APIs.

Apr 19, 2023

Categories: How to...Remote Data Now Page

11ty 4tw!

Since 1998 I’m developing websites and software, do logo design and occasional classic print design. This place is for sharing my unstoppable love and fascination for everything interactive and beyond.

Apr 18, 2023

by Frank Fuchs (1 post) · Website

Categories: Migrating to Eleventy

Extending 11ty’s page variable

I’ve had my eye on Astro, so I thought I’d take it for a spin by re-building this here website. I stuck with 11ty in the end for a variety of reasons, but th...

Apr 17, 2023

by Adam Stoddard (1 post) · Website & RSS feed

Categories: How to...WebC

Eleventy Pagination Before Callback Not Working

Apr 16, 2023

Categories: Debugging

How Jampack optimizes our Eleventy website and improves performance

Jampack is a post-processing tool that takes the output of any static site generator and optimizes it for user experience.

Apr 14, 2023

by David Large (3 posts) · Website & RSS feed

Categories: Performance

Wrapping Emoji in your 11ty build

Wrap emoji with accessible and semantic HTML, without breaking your pages

Apr 13, 2023

by Matt Warner & Quinn Dombrowski (1 post) · Website

Categories: How to...

A New LitLab Website

The Stanford Literary Lab is a research collective that applies computational criticism, in all its forms, to the study of literature.

Apr 13, 2023

Categories: Migrating to Eleventy

SVG Icon Sprites in Eleventy

Use SVG icons in Eleventy and only ship the code you need.

Apr 11, 2023

Categories: How to...

WebC First Impressions

Thoughts from my first attempt at understanding the new WebC framework from 11ty

Apr 11, 2023

Categories: WebC

CSS Naked Day 2023

In which I describe what I did to prepare for CSS Naked Day for 2023 and ideally every year beyond it by using edge functions.

Apr 9, 2023

by Ricky de Laveaga (1 post)

Categories: Edge Functions

webc-starter-kit (Github repo)

A starter project for Eleventy (11ty) using WebC as a main template langage. Also includes opiniated assets processing and a few more bells and whistles. - solution-loisir/webc-starter-kit

Apr 9, 2023

by Mathieu Huot (2 posts) · Website

Categories: WebC

Accessible anchor permalinks

Jan De Wilde, designer and web developer

Apr 8, 2023

by Jan De Wilde (2 posts) · Website

Categories: How to...Markdown Accessibility Permalinks

A WebC-focused YouTube playlist

YouTube video

Apr 7, 2023

Categories: YouTube

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

3 Methods for scoped styles in web components that work everywhere

A post by Zach Leatherman (zachleat)

Apr 6, 2023

Categories: CSS/Sass WebC

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

Categories: How to...

wp-to-11ty - export WordPress XML and convert it to Eleventy (Github repo)

Convert a WordPress XML export to a new 11ty Blog. Contribute to jmhobbs/wp-to-11ty development by creating an account on GitHub.

Apr 5, 2023

by John Hobbs (4 posts) · Website

Categories: Migrating to Eleventy

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

Netlify Eleventy Build Failire

Apr 3, 2023

Categories: Debugging Deployment

How I built my own excerpt for Markdown content in Eleventy

Mar 31, 2023

by Nicolas Hoizey (3 posts) · Website & RSS feed

Categories: Markdown

Awesome Algolia Updates (and some fixes here...)

News about Algolia's free tier changes and some fixes here.

Mar 30, 2023

Categories: How to...

Easy Date and Time Formatting with Luxon

Two great tastes that taste great together

Mar 29, 2023

by Evan Sheehan (7 posts) · Website & RSS feed

Categories: Dates

Another Eleventy content syndication path

After posting and discussing my post from yesterday with Nicolas Hoizey I decided to explore his suggested path and explore using a GitHub action to handle posts to Mastodon, rather than Make.

Mar 28, 2023

Categories: Social Media

WebC Updates in Eleventy

Description of updates to WebC

Mar 28, 2023

Categories: WebC

Lazy select-based pagination in Eleventy

I've relaunched, rebuilt and rewritten my personal blog more times than I can count, and I've had a trail of posts I've never fully migrated at each turn. This weekend, while relaxing and watching movies I ported them into Eleventy and, in doing so, found that the pagination implementation I was using didn't scale well with the number of pages I added.

Mar 27, 2023

Categories: Pagination

Automate and syndicate content from Eleventy to Mastodon

I've discussed building a now page using Eleventy, but I also syndicate a subset of that content out to Mastodon using @11ty/eleventy-activity-feed and Make.

Mar 27, 2023

Categories: Social Media

Blogging with Eleventy

Adding a blog to this website (which you are now reading)

Mar 27, 2023

by Bill Horsman (1 post) · Website & RSS feed

Categories: How to...Blogging

New Blog Same as the Old Blog

Details about my site rebuild.

Mar 27, 2023

Categories: Blogging Configuration

The evolution of my CSS pipeline in Eleventy (part 2)

Evolution is a continuous phenomenon.

Mar 26, 2023

Categories: CSS/Sass

Migrating to Eleventy from AnchorCMS

How I migrated my old blog content from a defunct CMS to Eleventy.

Mar 24, 2023

by Josh Vickerson (2 posts) · Website & RSS feed

Categories: Migrating to Eleventy

.env files in Eleventy

The Eleventy docs recommend the dotenv package for working with .env files, but I've found dotenv-flow to be a bit more useful inasmuch as support for .env* file patterns make development more convenient.

Mar 24, 2023

Categories: How to...

Spellchecking my blog posts with cSpell

A little magic to help catch typos in your blog posts.

Mar 23, 2023

by uncenter (1 post) · Website & RSS feed

Categories: How to...Blogging

Syncing Letterboxd Data to Markdown Files

Owning my Letterboxd data.

Mar 22, 2023

Categories: Remote Data

What’s New in Eleventy 2: A Great SSG Just Got Better

Get up to speed with Eleventy 2.0, a popular, highly configurable SSG that's packed with new features to make web development even easier.

Mar 21, 2023

by Craig Buckler (2 posts) · Website & RSS feed

Categories: Why Eleventy?

Scheduled Eleventy builds on Vercel with cron-triggered GitHub actions

In an effort to get away from client-side Javascript and embrace Eleventy for what it is (a static site generator), I've dropped my social-utils instance offline and my now-playing track display on my home page that still relied on it.

Mar 19, 2023

Categories: Deployment Scheduling

Automating Algolia Index Updates

I added support for Algolia search to an Eleventy site, and this post describes a utility I created to help Eleventy site owners to automate updating their Algolia indices outside of the build process.

Mar 19, 2023

Categories: Search How to...

Building my /now page using Eleventy

As part of my commitment to writing about things I've written in other frameworks in Eleventy, this is how I re-engineered my /now page in Eleventy.

Mar 18, 2023

Categories: Remote Data Now Page

Smart Incremental Rebuilds With eleventyImport

Ensure templates that display content from collections, like a blog index, rebuild when associated collection content changes.

Mar 18, 2023

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: How to...

Time to move on from Nunjucks?

Here are some points to consider about how you should build and maintain Eleventy sites going forward.

Mar 18, 2023

Categories: Nunjucks/Macros

Full-stack Web Apps Without React

There are a ton of options for full stack web frameworks that don't use React. Let's explore some of them and why they are each unique.

Mar 17, 2023

by Brian Rinaldi (1 post) · Website

Categories: Why Eleventy?

Webmentions in Eleventy

In the interest of continuing to repeat myself I'm writing, once again, about adding webmentions to a blog.

Mar 17, 2023

Categories: Webmentions

Eleventy Plugin: Green Links

A small Eleventy plugin I built at the end of February 2023.

Mar 17, 2023

by Fershad Irani (2 posts) · Website

Categories: Plugins

THE ELEVENTY V2.0 RELEASE, A TALK AT THE ELEVENTY MEETUP

A post by Zach Leatherman (zachleat)

Mar 16, 2023

Categories: From the Source

Displaying Build Details in an Eleventy Site

I leveraged some old code to add the ability to capture build details and save them with a project. In this post, I describe the utility I created that allows you to easily display build information in an Eleventy site.

Mar 15, 2023

Categories: Configuration How to...

Alphabetising Glossary Terms

Blog and general digital garden of the full stack programmer Simon Dann.

Mar 14, 2023

Categories: Blogging Filters How to...

The evolution of my CSS pipeline in Eleventy (part 1)

Handling CSS in Eleventy has been an evolutionary experience.

Mar 14, 2023

Categories: CSS/Sass

Migrating from Jekyll to Eleventy

Mar 13, 2023

by Thomas Broyer (1 post) · Website & RSS feed

Categories: Migrating to Eleventy

Mar 13, 2023

by Ondřej Mirtes (1 post) · Website & RSS feed

Categories: Social Media

Should I upgrade to Eleventy 2.0?

Eleventy 2.0 was released at the beginning of February. It has some major new features. Is it worthwhile to upgrade? Is it painful to upgrade?

Mar 13, 2023

Categories: How to...Upgrading

I migrated this blog to Eleventy 2.0

Maker/Manager

Mar 11, 2023

by Luis de la Rosa (1 post) · Website & RSS feed

Categories: Migrating to Eleventy Blogging

Using the Codeberg CI

Using Codeberg CI to build 11ty based static sites to push to Codeberg Pages

Mar 11, 2023

by Clayton Errington (11 posts) · Website & RSS feed

Categories: Deployment How to...

Eleventy Posts not Sorting CorrectlN

Mar 11, 2023

Categories: Debugging

Rewriting the Eleventy Home Page in WebC

YouTube video

Mar 8, 2023

Categories: WebC YouTube

Hiding drafts and future posts in Eleventy.js

JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.

Mar 7, 2023

Categories: How to...Configuration Drafts

Bringing my omg.lol Now page into Eleventy

Mar 7, 2023

by Raymond Camden (100 posts) · Website

Categories: How to...Now Page

From Jekyll & Hugo to Eleventy

HOW DO YOU DO, PLEASE STATE YOUR PROBLEM _

Mar 6, 2023

by Chris Burgess (2 posts) · Website & RSS feed

Categories: Dates Migrating to Eleventy

A Complete Guide to Building a Blog with Eleventy

Mar 4, 2023

Categories: Blogging How to...Getting Started

Font Subsetting with Eleventy.js

Blog and general digital garden of the full stack programmer Simon Dann.

Mar 3, 2023

Categories: Asset Pipelines Configuration How to...Plugins

Five Million npm Downloads

Five Million npm Downloads! — Eleventy

Mar 3, 2023

Categories: YouTube

Eleventy - Build a Static Site with Backend Data Handling - YouTube

YouTube video

Mar 3, 2023

by Azul Coding (1 post)

Categories: YouTube Getting Started

Running Eleventy Serverless On AWS Lambda@Edge

Eleventy is great. It’s a static site generator written in JavaScript, for “Fast Builds and even...

Mar 3, 2023

by Gabi Dobocan (1 post) · Website & RSS feed

Categories: Serverless How to...

FIVE MILLION NPM DOWNLOADS FOR ELEVENTY

A post by Zach Leatherman (zachleat)

Mar 3, 2023

Categories: From the Source

Supporting PDF Embeds in an Eleventy WebC Component

Adding support for the Adobe PDF Embed with an Eleventy WebC Component

Mar 1, 2023

Categories: How to...

Sass in Eleventy, with versioning

Adding support for code.scss/code files, complete with content hashes.

Mar 1, 2023

by Dan Burzo (3 posts) · Website & RSS feed

Categories: CSS/Sass

Slotted content in Eleventy

Fill slots in an HTML layout with chunks of Markdown content.

Feb 28, 2023

by Dan Burzo (3 posts) · Website & RSS feed

Categories: How to...

Upgrading to Eleventy 2.0.0

A step-by-step for an incredibly easy process, again.

Feb 26, 2023

Categories: How to...Upgrading

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

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: CSS/Sass

Update to My Eleventy Blog Guide

An update regarding my Eleventy blog guide.

Feb 25, 2023

Categories: Getting Started Blogging

Extracting and using Critical CSS on my Eleventy site

This week I made some enhancements to extracting and implementing Critical CSS on my website that runs on Eleventy. Let's delve into its workings and features.

Feb 24, 2023

by Silvestar Bistrović (3 posts) · Website & RSS feed

Categories: CSS/Sass

Taking Eleventy into the Spiderverse with eleventy-fetch

Feb 24, 2023

by Jeff Sikes (2 posts) · Website & RSS feed

Categories: How to...Plugins Remote Data

Using WebC for progressively-enhanced UI elements

Feb 23, 2023

by Khalid Abuhakmeh (3 posts) · Website

Categories: WebC

Combining 11ty Static Site Generator with ASP.NET Core

Combining 11ty Static Site Generator with ASP.NET Core for maximum awesomeness.

Feb 21, 2023

Categories: Asset Pipelines Configuration

Internationalization with Eleventy 2.0 and Netlify

Along with a lightning talk at TheJam.dev 2023, I explain how internationalization works with Eleventy 2.0, building out a simple starter project.

Feb 21, 2023

Categories: Internationalization

Filtering tags within Eleventy.js collections

JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.

Feb 21, 2023

by Leonardo Silveira (1 post) · Website

Categories: Filters Collections How to...

Getting started with eleventy

Feb 19, 2023

Categories: Getting Started

Farewell Netlify Large Media, Welcome eleventy-img

Not too complex once I had finished making my mistakes.

Feb 19, 2023

Categories: Images How to...

Eleventy Collection Schemas

Use this 11ty plugin to enforce a typed frontmatter schema for templates within an Eleventy collection.

Feb 17, 2023

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: Collections

New year, new me, new blog

I changed the design of my blog for the third time since its start in 2020.

Feb 17, 2023

Categories: Why Eleventy?

Take your 11ty build from 1 second to 2 minutes by generating OG images

I tried to generate OG images during build and it ended up taking a long time

Feb 16, 2023

Categories: Social Media Images

Building a Mastodon Bot Listing Page in Eleventy

How I built a page to show off my Mastodon bots.

Feb 15, 2023

Categories: How to...Social Media

Moving my site from Jekyll to Eleventy - Part II

What I learned along the way..

Feb 14, 2023

by Kartikey (2 posts) · Website & RSS feed

Categories: Migrating to Eleventy

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

Custom date formatting in Eleventy.js

JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.

Feb 12, 2023

Categories: Dates

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: Deployment Scheduling

Setup GitLab Review Apps with Eleventy

A technique to setup GitLab Review Apps for an Eleventy site.

Feb 9, 2023

Categories: Configuration Deployment How to...

Using Rmarkdown with Eleventy

My work, notes, musings and more. Some serious, some not.

Feb 9, 2023

by Michael Schmidt (2 posts) · Website & RSS feed

Categories: Configuration Front Matter How to...Markdown

CAUTION

The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.

Using shiki with 11ty

Shiki is a really nice syntax highlighter that I already wrote about. This is just a short post to show you how to use it with eleventy.

Feb 7, 2023

by Raymond Camden (100 posts)

Categories: How to...

Using Eleventy and WebC for Simpler, Performant Web Components - YouTube

YouTube video

Feb 7, 2023

Categories: WebC YouTube

Updating webmentions on a static site

Feb 5, 2023

by Nicolas Hoizey (3 posts) · Website & RSS feed

Categories: How to...Webmentions

Building a Membership Site with 11ty by Stephanie Eckles

YouTube video

Feb 5, 2023

by Stephanie Eckles (21 posts)

Categories: How to...YouTube

Code for copying code: the Eleventy edition

Here’s a workaround for including “copy” buttons in code blocks built by Prism-based syntax highlighting in Eleventy.

Feb 4, 2023

Categories: Plugins How to...

WebC for 11ty

Feb 4, 2023

by Rob Wood (2 posts) · Website

Categories: WebC

Using JavaScript in a WebC Component

Father, husband, developer relations and web standards expert, and cat demo builder.

Feb 3, 2023

Categories: WebC

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 Functions Netlify

Website re-platform and a light redesign for 2023

Time for a site rebuild and this time I went with a static site generator

Feb 3, 2023

Categories: Migrating to Eleventy

Here’s a recap of my thoughts about the best tools for building and maintaining personal websites.

Feb 3, 2023

Categories: Why Eleventy?

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

JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.

Feb 2, 2023

Categories: Collections How to...

Hassle-free internationalization with Eleventy 2.0 and Netlify

YouTube video

Feb 1, 2023

by Lene Saile (6 posts)

Categories: How to...Internationalization Netlify Deployment

Improving Syntax Highlighting

Adding syntax highlighting to a blog is hard, doing it in a good way is hard. I recently switched my setup away from @11ty/eleventy-plugin-syntaxhighlight to a custom solution based on Shiki.

Feb 1, 2023

Categories: How to...

eleventy-cache-webmentions v1.1.5

Cache webmentions using eleventy-fetch and make them available to use in collections, layouts, pages, etc. in Eleventy.

Jan 31, 2023

Categories: Webmentions

11ty, nunjucks, tag counts

Using nunjucks to get the count of the posts for a tag.

Jan 31, 2023

by Clayton Errington (11 posts) · Website & RSS feed

Categories: Nunjucks/Macros How to...

Adding posts by tag to Eleventy.js

JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.

Jan 31, 2023

Categories: How to...

Additional Webmention Resources

Some more links and tools related to webmentions

Jan 31, 2023

Categories: Webmentions

Notes on Migrating a Wordpress Site to Eleventy

Some helpful notes and tools for migrating an existing Wordpress site to Eleventy

Jan 31, 2023

Categories: Migrating to Eleventy

Cheaply Rebuilding an 11ty site on Netlify

Save money and build minutes while rebuilding your 11ty site using GitHub Actions and the netlify CLI

Jan 31, 2023

Categories: Deployment How to...Scheduling

How to programmatically add tags to posts in 11ty

Blog and general digital garden of the full stack programmer Simon Dann.

Jan 30, 2023

Categories: Blogging Collections Configuration How to...Plugins

Adding Webmentions to Your Site

Some notes on what webmentions are and how I implemented them for this site

Jan 30, 2023

Categories: Webmentions

Adding a basic search to a static site

A simple solution to having a search feature on a static website

Jan 30, 2023

by Clayton Errington (11 posts) · Website & RSS feed

Categories: Search How to...

Adding webmentions to your static blog

The portfolio and blog of Jan Monschke

Jan 30, 2023

by Jan Monschke (1 post) · Website & RSS feed

Categories: Webmentions How to...

Adding dynamic read time to Eleventy.js

JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.

Jan 29, 2023

Categories: How to...

Escaping Jekyll, and moving to Eleventy

Articles, information, and tutorials on development, programming, technology, science.

Jan 28, 2023

by Mendhak (1 post) · Website & RSS feed

Categories: Migrating to Eleventy

Adding stub posts

Blog and general digital garden of the full stack programmer Simon Dann.

Jan 27, 2023

Categories: Blogging How to...

Quick WebC Tip

How to enable better color coding for your WebC templates

Jan 27, 2023

by Raymond Camden (100 posts)

Categories: WebC

Quick Tip for Eleventy's WebC support

YouTube video

Jan 27, 2023

Categories: WebC YouTube

Building A Membership Site With 11ty

Do you want to offer exclusive content, but also have full control over the platform you use? With the power combo of Eleventy, Netlify, and Supabase, we’ll create an authenticated membership site, no frameworks required.

Jan 26, 2023

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: How to...Edge Functions

Adding Wiki Links to 11ty

Blog and general digital garden of the full stack programmer Simon Dann.

Jan 25, 2023

Categories: Blogging Configuration How to...Markdown

Using the Airtable API with Eleventy Collections

A detailed guide to building a reading list with the Airtable API and templated Eleventy data. Includes general guidance regarding personal access tokens and environment variables, relevant to most API projects.

Jan 25, 2023

by Will Darwin (1 post) · Website & RSS feed

Categories: Remote Data Collections

Website redesign with 11ty!

I have rewritten my website to utilize 11ty, and it was a lot of fun

Jan 25, 2023

by Clayton Errington (11 posts) · Website & RSS feed

Categories: Migrating to Eleventy

Components with Nunjucks and 11ty

We are going to be go through the first steps to get up and running with 11ty. Building a 11ty site from scratch will help you keep your site lightweight, scalable and easy to manage.

Jan 25, 2023

Categories: CSS/Sass Configuration How to...Nunjucks/Macros

Eleventy (11ty) - A simple and powerful static site generateor

Eleventy is rising in the ranks among static site generators ⚡ It is powerful, simple to use, and can help you achieve the coveted top Lighthouse performance score ⚡ Let’s dive into what else makes it unique

Jan 24, 2023

by Irina I. (1 post) · Website

Categories: Why Eleventy?

External Asset Pipeline with Eleventy

I like to use NPM scripts for my asset pipeline instead of using Eleventy to generate assets and orchestrate everything. The latest release of Eleventy Dev Server makes that approach both easy to implement and quite performant.

Jan 23, 2023

Categories: Asset Pipelines Configuration

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

Categories: Images Image Galleries

Adding statistics to 11ty

Blog and general digital garden of the full stack programmer Simon Dann.

Jan 20, 2023

Categories: Blogging Filters

A Beginner's Guide to Eleventy - part two

Second part of a beginner's guide to eleventy

Jan 20, 2023

by Jakub Iwanowski (2 posts) · Website

Categories: Getting Started

Post previews with Ghost, Eleventy & Netlify

A while back, I updated my Eleventy plugin for Ghost so you get more data from your Ghost instance, including the ability to retrieve draft posts. Here's how I used it to preview draft posts using Eleventy and Netlify.

Jan 18, 2023

Categories: CMS Deployment

Static Mastodon toots in Eleventy: the Tailwind CSS edition

For users of my favorite JS-based SSG, here’s an Eleventy version of the Tailwind-based toots-embedding shortcode I offered yesterday.

Jan 17, 2023

Categories: CSS/Sass Social Media

Using Eleventy filters in Directory Computed Data

Eleventy Computed Data makes it easy to reuse your filters outside of your templates.

Jan 16, 2023

by Chris Coleman (2 posts) · Website

Categories: Configuration Data Cascade Filters

Automating Advent Calendar with Github Actions and Eleventy

Last year, I build an advent calendar using Eleventy and Github Actions. In this blog post, I tell more about the progress and the result.

Jan 14, 2023

by Eevis (1 post) · Website

Categories: How to...Dates

Adding Tina CMS to 11ty

Looking for a NetlifyCMS alternative to commit changes to the same repo, I stumbled upon TinaCMS

Jan 14, 2023

Categories: CMS How to...

Plop in Automation

How I use npm to automate the inner workings of my website and within other projects

Jan 12, 2023

by Clayton Errington (11 posts) · Website & RSS feed

Categories: How to...

A Beginner's Guide to Eleventy - part one

First part of a beginner's guide to eleventy

Jan 9, 2023

by Jakub Iwanowski (2 posts) · Website

Categories: Getting Started

Moving to Eleventy

Jan 9, 2023

by Jon Duek (1 post) · Website

Categories: Migrating to Eleventy

Creating link tags with a data file and Nunjucks, using Eleventy

Kevin is a designer based in the UK specialising in digital product design, design systems and all things web.

Jan 7, 2023

by Kevin Healy (1 post) · Website & RSS feed

Categories: Nunjucks/Macros How to...

Hello 2023

Maybe I'm writing again.

Jan 7, 2023

by Chris Coleman (2 posts) · Website

Categories: How to...Images

Better Looking Dates in Eleventy: Jan 01 2023 --> Jan 1st 2023

By default, the default readableDate in Eleventy will output dates like: Dec 03 2022. Let's do better... Tagged with eleventy, tutorial.

Jan 6, 2023

by Daniel Morgan (1 post) · Website & RSS feed

Categories: Dates How to...

Using PageFind with Eleventy for Search

How to use PageFind to implement search for an Eleventy site

Jan 4, 2023

Categories: How to...Search

23 of the best Eleventy Themes (Starters) for 2023

There's a huge range of free starter themes available for the Eleventy static site generator.

Jan 3, 2023

by David Large (3 posts) · Website & RSS feed

Categories: Getting Started

Configure Eleventy to Host a Custom Mastodon Alias

Ramblings on bacon, drawing, and technology

Jan 2, 2023

by David Neal (2 posts) · Website & RSS feed

Categories: Social Media

An Introductory Guide to Eleventy

Here’s an introductory guide to Eleventy. Learn about its benefits, uses, and getting started. Host your 11ty static site with fast and secure Tiiny.host.

Jan 2, 2023

by Don Hamilton (1 post) · Website

Categories: Getting Started Why Eleventy?

2022

Building a Podcast Site with Eleventy

Moving Ruminate's site from Simplecast to Eleventy

Dec 28, 2022

Categories: How to...

Importing external components in WebC via NPM

The online journal of Ashur Cabrera.

Dec 24, 2022

Categories: WebC

From Notion to Eleventy, but faster

Mostly frontend, sometimes art

Dec 23, 2022

by Daniel Schulz (1 post) · Website & RSS feed

Categories: How to...Pagination Remote Data

Fixing long start-up times of the Eleventy dev server

Running Browsersync without internet connection.

Dec 22, 2022

Categories: Debugging How to...

Drafts and timestamp-based publishing in Eleventy

Exercise more control over when, and if, your posts appear.

Dec 21, 2022

Categories: Dates How to...Drafts

11 Top Eleventy Blog Themes (Starters) in 2023

This article takes a top ten list of blog themes and turns it up to eleven(ty).

Dec 21, 2022

by David Large (3 posts) · Website & RSS feed

Categories: Getting Started Blogging

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

Pulling WordPress Content into Eleventy

Composable Architecture Powered by WordPress part 2 – How to pull content from a WordPress RESTful API into an Eleventy generated static site.

Dec 17, 2022

Categories: Remote Data

Using Fontsource With 11ty

For quite some time, I was searching for a way to self host google fonts because the google fonts API's network request increased the render blocking time more than I expected.

Dec 15, 2022

Categories: How to...

Adding Download Support in an Eleventy Site

An example of adding download resources to an Eleventy site

Dec 13, 2022

Categories: How to...

Letting Eleventy Schedule Its Own Builds

Until recently, I've been using GitHub Actions to trigger builds on my website, but this approach meant that builds for the site were only run once a day and that I couldn't schedule specific times for posts to go live. In February of this year, Netlify announced Scheduled Functions, and one of the use cases that I'd seen mentioned was scheduling builds.

Dec 7, 2022

by Luke Bonaccorsi (3 posts) · Website

Categories: Deployment Scheduling

New Eleventy features, a new theme, and full Eleventy support

We are announcing full CloudCannon support for Eleventy, one of the most popular (and fast) static site generators in the world.

Dec 5, 2022

by CloudCannon (7 posts) · Website & RSS feed

Categories: Getting Started

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

A new website: now on Eleventy!

Announcing the new version of my personal website - this time around I built it in Eleventy.

Dec 1, 2022

by Chip Cullen (1 post) · Website

Categories: Migrating to Eleventy

Exploring WebC

How to setup and create your first WebC component in a Nunjucks 11ty

Nov 30, 2022

by Constant Vallee (2 posts) · Website & RSS feed

Categories: WebC

Organizing the Eleventy config file

Eleventy lets you create a file called eleventy.js to configure the SSG to your own project’s needs. This article is all about organizing your config file!

Nov 29, 2022

Categories: Configuration

Eleventy asset pipeline: precompiled assets without Gulp

Precompiled Sass and JS files that become part of the source folder.

Nov 27, 2022

by Christopher Kirk-Nielsen (9 posts) · Website & RSS feed

Categories: Asset Pipelines How to...

Relational data in Eleventy

A pattern for handling many-to-many relationships.

Nov 26, 2022

by Dan Burzo (3 posts) · Website & RSS feed

Categories: Data Cascade

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

Eleventy: Integrate PostCSS and Tailwind CSS

Daniel Zenzes

Nov 25, 2022

by Daniel Zenzes (1 post) · Website & RSS feed

Categories: CSS/Sass

A Bare-Bones Eleventy Template for Glitch

A quick template for using Eleventy on Glitch

Nov 25, 2022

by Bryan Robinson (15 posts)

Categories: How to...

11ty Second 11ty (YouTube playlist, 8 videos)

YouTube video

Nov 21, 2022

Categories: YouTube

Building a YouTube Embed Web Component (both vanilla and WebC flavored)

A look at a simple YouTube embed component built in traditional web components and Eleventy's WebC plugin.

Nov 17, 2022

Categories: YouTube WebC

Support External Articles in an Eleventy Blog

Adding a method to list external articles in an Eleventy blog

Nov 16, 2022

Categories: How to...

Some Options for Timing Pages in Eleventy

Some experiments timing slow pages with Eleventy

Nov 14, 2022

Categories: Performance How to...Debugging

From Notion to Eleventy

Mostly frontend, sometimes art

Nov 10, 2022

by Daniel Shulz (1 post) · Website & RSS feed

Categories: Remote Data

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

Quick LiquidJS + Eleventy Example - All Posts

Some quick things I learned about Liquid when building an "All Posts" page.

Nov 9, 2022

Categories: How to...Dates

Eleventy, Markdown, and Tailwind CSS

English software developer based in Seattle.

Nov 8, 2022

by Matthew Tole (1 post) · Website & RSS feed

Categories: Markdown CSS/Sass How to...

How to access post content in template listing files

Eleventy (11ty) Tutorial

Nov 6, 2022

Categories: Data Cascade How to...

Eleventy Layouts with Sizlate

Eleventy Layouts with Sizlate by Simon McManus

Nov 6, 2022

by Simon McManus (1 post) · Website

Categories: Layouts

Why I use Eleventy

High school student and open source developer.

Nov 4, 2022

by Ryan Cao (3 posts) · Website & RSS feed

Categories: Why Eleventy?

Changing urls but keeping webmentions in Eleventy

Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats

Nov 3, 2022

Categories: Webmentions

Eleventy Starter Template Series

This series details how to build a starter template for Eleventy projects, going deep into architectural decisions and strategies to make it as easy as possible to start a new project.

Nov 3, 2022

Categories: Getting Started

Building an Eleventy Starter Template Series

In this series, learn how to construct your own starter template for Eleventy so you can start your future projects sooner.

Nov 2, 2022

Categories: Getting Started How to...

My notes on Eleventy WebC components

WebC is a compiler for single file Web Components that brings first-class component model to Eleventy!

Oct 28, 2022

by Levi McGranahan (1 post) · Website & RSS feed

Categories: WebC

Understanding WebC Features and Concepts

WebC is an exciting addition to the 11ty ecosystem as it enables first-class components. Putting the pieces together may be a little overwhelming, so let’s review some WebC features to help you be successful!

Oct 24, 2022

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: WebC

WebC

WebC, the latest addition to the Eleventy suite of technologies, is focused on making Web Components easier to use.

Oct 23, 2022

by Fuzzy Logic (3 posts) · Website & RSS feed

Categories: WebC

Why I built my own Vue plugin for Eleventy

Why and how I built my own Vue plugin for Eleventy.

Oct 22, 2022

by Fynn Becker (2 posts) · Website & RSS feed

Categories: Configuration Plugins

The WebC Episode with a Bonus Server-Rendered Image Comparison Component on Eleventy

YouTube video

Oct 20, 2022

Categories: WebC YouTube

Integrating Cloudinary into Eleventy

A look at integrating Cloudinary image processing with Eleventy

Oct 20, 2022

Categories: Images How to...

First Experience Building with Eleventy's WebC Plugin

My first attempt working with Eleventy's new Web Component plugin

Oct 16, 2022

Categories: WebC Plugins

Introduction to WebC

What is WebC and what does it have to do with Eleventy?

Oct 15, 2022

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: WebC

The next time you see me I will be Eleventy

Engineering Management, SQL, and a dash of front-end from NYC.

Oct 13, 2022

by TJ Addison (2 posts) · Website

Moving my site from Jekyll to Eleventy - Part I

How I revamped my personal site.

Oct 10, 2022

by Kartikey (2 posts) · Website & RSS feed

Categories: Migrating to Eleventy

Eleventy Tutorial - Create an 11ty Static Site

In this beginner's Eleventy tutorial, learn how to use 11ty by creating a static site with this Static Site Generator.

Oct 4, 2022

by Danial Zahid (1 post) · Website

Categories: Getting Started

Manage your SVG files with Eleventy's render plugin

Using renderFile to keep things tidy

Oct 2, 2022

by Christopher Kirk-Nielsen (9 posts) · Website & RSS feed

Categories: Plugins Images

Getting set up in Eleventy (6 part series)

Learn the basics of Eleventy in this six-part tutorial series.

Oct 1, 2022

by Mike Neumegen (1 post) · Website & RSS feed

Categories: Getting Started

FOUR MILLION NPM DOWNLOADS FOR ELEVENTY

A post by Zach Leatherman (zachleat)

Sep 30, 2022

Categories: From the Source

Interactive Progressively-enhanced Web Components with WebC

YouTube video

Sep 29, 2022

Categories: WebC YouTube

Crash Course in Eleventy's new WebC Plugin

YouTube video

Sep 27, 2022

by Shawn Wildermuth (1 post)

Categories: WebC YouTube

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?

Static Site Generation with Eleventy (YouTube)

YouTube video

Sep 26, 2022

Categories: YouTube

Shorter shortcuts through Nunjucks macros in Eleventy

While seeking a way to cut a three-line call down to one line, I found some great advice on using a sometimes-overlooked aspect of a popular templating language.

Sep 24, 2022

by Bryan Robinson (15 posts)

Categories: Nunjucks/Macros

Creating 11ty Dynamic Categories plugin (with 2-level pagination)

YouTube video

Sep 22, 2022

Categories: Pagination How to...

Word count and reading time in Eleventy

Want to give your readers an idea of what’s ahead? Here’s some code to make that no biggie.

Sep 20, 2022

Categories: How to...

Cache-busting in Eleventy, take two

This time, a solution that really (?) works.

Sep 19, 2022

Categories: CSS/Sass

Blog and general digital garden of the full stack programmer Simon Dann.

Sep 14, 2022

Categories: Filters How to...Pagination Social Media

Learn the Eleventy Static Site Generator by Building and Deploying a Portfolio Website

What is Eleventy? Eleventy (also called 11ty) is a simple yet powerful static site generator. It uses JavaScript to transform data and templates into HTML pages. It’s beginner-friendly, has fast build times, and generates fast sites by default. It also has a very active and friendly community. Eleventy excels at

Sep 6, 2022

by Gerard Hynes (1 post) · Website

Categories: Getting Started

11ty Serverless and Object Permalinks: Hybrid Rendering

Learn how to reuse a single source template in 11ty Serverless to generate both a static and server-rendered page.

Sep 5, 2022

by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed

Categories: Serverless Permalinks

Get good Git info from Eleventy, too

While per-page Git data is built into Hugo, a little code can bring it to Eleventy, as well.

Sep 5, 2022

Categories: How to...

Walk with an Eleventy site, before you can run

A getting started guide with the bare minimum. Every time I open the documentation website of Eleventy , I get this urge to cry, or change career! So I decided to create a small website, that has absolutely nothing, but the bare minimum, and keep.... Posted in JavaScript, Hosting

Sep 4, 2022

by Amal Ayyash (1 post) · Website

Categories: Getting Started

A truly fetching utility for Eleventy

While trying to make things work equally well in multiple repos, I discover the value of an Eleventy plugin I’d previously ignored.

Sep 1, 2022

Categories: Remote Data How to...

Processing images linked from frontmatter with eleventy-img to use in meta tags

Engineering Management, SQL, and a dash of front-end from NYC.

Aug 31, 2022

by TJ Addison (2 posts) · Website

Categories: Front Matter Images How to...

Static embeds in Eleventy

In what could and perhaps should be the end of this saga, here’s code to provide static tweets and static Mastodon toots in Eleventy.

Aug 27, 2022

Categories: Social Media How to...

Bringing your Notion database to life with Eleventy

How and why I combine Notion and Eleventy (11ty) to render my weekly feed stats on my website.

Aug 25, 2022

by Sam D King (1 post) · Website

Categories: Remote Data

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

Eleventy within Eleventy to compile when you compile: precompiling reused assets

Pre-compile some reused assets to avoid repeating the same operation.

Aug 25, 2022

by Christopher Kirk-Nielsen (9 posts) · Website & RSS feed

Categories: Asset Pipelines How to...

A quick example of adding social sharing links to your Eleventy site

Aug 22, 2022

Categories: Social Media How to...

Eleventy: Build vs. Serverless vs. Edge

A post by Zach Leatherman (zachleat)

Aug 21, 2022

Categories: Serverless Edge Functions

Building a no-JS navigation menu with the details element.

Aug 19, 2022

Categories: Navigation

11ty Second 11ty: Creating Template Filters

This week, we’re going to dive into 11ty filters. We’ll use 1 built-in filter, and make 2 custom filters.

Aug 15, 2022

Categories: How to...Filters

Support Draft Blog Posts in Eleventy

A look at various ways of supporting draft posts with Eleventy

Aug 14, 2022

Categories: How to...Configuration Collections Drafts

We're all living on it. But what exactly is The Edge?

But what is The Edge? What are Edge Functions? And what impact does this new technology have on the Jamstack, the web, and ultimately — people and our planet?

Aug 10, 2022

by Salma Alam-Naylor (1 post) · Website & RSS feed

Categories: Edge Functions

Using Eleventy transforms to render asynchronous content inside Nunjucks macros

The online journal of Ashur Cabrera.

Aug 9, 2022

Categories: Nunjucks/Macros How to...

11ty Second 11ty: Global Data files (JS and JSON)

In these two videos, we take 110 seconds each to discuss how to use 11ty's Global Data files to pull static data with JSON and dynamic (at build time) data with JavaScript.

Aug 8, 2022

Categories: Global Data How to...

WordPress & Eleventy part two: Eleventy

Some considerations for using WordPress as a headless content management system for Eleventy.

Aug 8, 2022

Categories: CMS How to...

WordPress & Eleventy part one: WordPress

Some considerations for setting up WordPress to use with Eleventy.

Aug 5, 2022

Categories: CMS How to...

6 Reasons I (Still) Love 11ty

Two years after launching my site with 11ty, it’s grown considerably, and yet I’m still in love with the tool.

Aug 5, 2022

Categories: Why Eleventy?

Add Netlify CMS to an existing 11ty site

Learn to add Netlify CMS to an existing 11ty site to make editing your posts easier

Jul 29, 2022

Categories: CMS Netlify How to...

Generating Zips in an Eleventy Site

An example of providing zipped resources in an Eleventy site.

Jul 23, 2022

Categories: How to...

Eleventy Crash Course - YouTube playlist

YouTube video

Jul 18, 2022

by Jaydan Urwin (1 post)

Categories: YouTube Getting Started

A New Schmidtynotes

My work, notes, musings and more. Some serious, some not.

Jul 17, 2022

by Michael Schmidt (2 posts) · Website & RSS feed

Categories: Migrating to Eleventy

Adding Custom Anchors to Headings in Markdown - Eleventy

Anchors are nothing but id attributes applied to an element to link to it using href attribute internally on the same page.

Jul 10, 2022

Categories: Markdown How to...

I18n of URLs

Zach Leatherman asked what style of internationalization you'd prefer (explicit or implicit) and my response just doesn't fit in 280 characters.

Jul 8, 2022

Categories: Internationalization How to...

Eleventy - Shortcode for Embedding Codepen

Don't know what eleventy is? Before you read further, check out this amazing series of articles by... Tagged with webdev, javascript, beginners, eleventy.

Jul 7, 2022

Categories: How to...Shortcodes

Reading Comic Books in the Jamstack

Adding support for digital comic books to your Jamstack site

Jul 1, 2022

Categories: Global Data How to...Images

You should add a generator tag to your Eleventy site

Hear me out on this one, I've got a short but sensible list as to why.

Jun 29, 2022

Categories: Configuration

Testing the Netlify Cache Plugin with Eleventy

An example of caching for Netlify with an Eleventy site

Jun 26, 2022

Categories: Deployment Data Cascade Netlify

How I Doubled My Lighthouse Performance Score in One Night

I spent some time seeing if I could get my Lighthouse performance score up. Here's how I fared.

Jun 26, 2022

by Ben Myers (6 posts) · Website & RSS feed

Categories: Performance

A demonstration of how to get content published on the same day in the past.

Jun 23, 2022

by Brett DeWoody (1 post)

Categories: Dates How to...

Inlining SVGs in Eleventy

Medium post

Jun 22, 2022

Categories: Configuration How to...Images

11ty second 11ty: The Render Plugin Part 1

The Render plugin is comprised of two shortcodes for use in your Nunjucks, Liquid or JS templates. It’s a plugin that is bundled with the main 11ty NPM package and ready to use as soon as you nom install 11ty.

Jun 20, 2022

Categories: Plugins YouTube

Logging in Eleventy

How to use the debug package to output custom log messages alongside of Eleventy’s logs in your Eleventy build.

Jun 19, 2022

Categories: How to...Debugging

Building a Quiz with Eleventy and Eleventy Serverless

How I built an Eleventy site driven by dynamic quiz data.

Jun 18, 2022

Categories: Serverless How to...

Getting Tailwind to work with Eleventy

Tackling Tailwind to work with Eleventy.

Jun 11, 2022

Categories: CSS/Sass Debugging How to...

Optimizing Images with the 11ty Image Plugin

While imagery can enrich your content, it can also slow down your site if it's not used responsibly. Learn how to use the official 11ty image plugin to create optimized and responsive images.

Jun 10, 2022

by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed

Categories: Images Plugins

Static site delivery automation with Eleventy & Buddy

Combine the speed of Buddy and intuitive nature of Elevenly to build and deploy static sites lightning fast.

Jun 8, 2022

by Buddy (1 post) · Website & RSS feed

Categories: Deployment

Let's Learn Eleventy (11 Part Series)

For the past couple of weeks I have been exploring Static Site Generators (SSG) in an effort to see... Tagged with ssg, eleventy.

Jun 8, 2022

by James Midzi (1 post) · Website & RSS feed

Categories: Getting Started Plugins

Why we switched to Eleventy + Netlify

From the minds at Chromatic: Expert opinions on Drupal, WordPress, software development, and business strategies.

Jun 6, 2022

by Chris Free (1 post) · Website

Categories: Migrating to Eleventy

Generate a sitemap for your Eleventy website

How to create a sitemap for your static website built with Eleventy. Tagged with eleventy, sitemap, xml, staticsite.

Jun 5, 2022

by Luciano Mammino (3 posts) · Website & RSS feed

Categories: How to...Configuration

Add Build Info to an 11ty Site

Expose information about your 11ty site at build time to all templates using global data. Among other things, this can be used to show your site's build time, package version, and the latest Git commit hash.

May 31, 2022

by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed

Categories: Deployment How to...

Using the Eleventy Image plugin without a central image folder

Eleventy’s official image pre-processing plugin assumes you have a single folder with all your images in it. I needed something different, and this is how I did it.

May 29, 2022

by Graham F. Scott (3 posts) · Website & RSS feed

Categories: Plugins Images How to...

Eleventy wont process post

Web development blog. The good, bad, and ugly (mostly bad and ugly)

May 26, 2022

Categories: Debugging

Refactoring MikeAparicio.com

Escaping a hoarder house of technical debt.

May 26, 2022

Categories: How to...

Automate syndication of your content with Eleventy, dev.to, and GitHub Actions

This started off as a test post for my talk I gave this past week at the Eleventy Meetup. Here’s...

May 26, 2022

by Nick Taylor (2 posts) · Website & RSS feed

Categories: How to...

Taming Eleventy Tags: Or How I Learned To Tolerate Double Pagination

Pagination in Eleventy is bit strange. Out of the box, Eleventy comes with support for something the developers call "pagination", but it...

May 23, 2022

by Desmond Rivet (1 post) · Website

Categories: Pagination How to...

Creating a now page archive with 11ty

Blog and general digital garden of the full stack programmer Simon Dann.

May 17, 2022

Categories: Collections Front Matter How to...Layouts Navigation Now Page

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

by Trys Mudford (2 posts) · Website & RSS feed

Categories: How to...

Building a Serverless E-commerce Store with Stripe, Netlify, & 11ty

A lot of e-commerce solutions exist, but many of them charge a monthly fee. How could we build a site with the lowest hosting costs possible?

May 16, 2022

by Zach Leatherman (38 posts)

Categories: How to...

A Set of Useful 11ty Filters

One of my favorite things about 11ty is its flexibility and how easily you can customize your chosen template language without having to leave the familiar comfort of the Node ecosystem.

May 15, 2022

by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed

Categories: How to...Filters

Eleventy Build went from 54s to 17s—Memory/Performance Wins

YouTube video

May 9, 2022

Categories: Performance YouTube

Favicons in root with Eleventy

A simple way to get any and all favicon variations in root for an Eleventy site.

May 8, 2022

by Den McHenry (1 post) · Website & RSS feed

Categories: How to...

Adding Cooklang Support to my Eleventy Blog

How I added cooklang to my blog and the 11ty extension I created in the process

May 8, 2022

by Matthew (2 posts) · Website

Categories: How to...

Hosting Eleventy on GitHub Pages

I've really been enjoying building sites with Eleventy instead of Jekyll. I'm still learning my way around some of the cool data capabilities, but NodeJS has been much more agreeable to wrangle than Ruby...

May 7, 2022

by Quinn Dombrowski (1 post) · Website & RSS feed

Categories: Deployment

Design Mode in 11ty

Sometimes, I prefer to compose text right in my browser and copy it over to my source files. In 11ty, we can enable this behind a keyboard shortcut in our development environment using environment variables.

May 5, 2022

by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed

Categories: How to...

From Notion to Eleventy part 2: Building Markdown from JSON

The ramblings of Ryan Boone, a web developer and designer from Texas with a passion for open, accessible front end development.

May 5, 2022

by Ryan Boone (3 posts) · Website

Categories: How to...Remote Data

Nicer Image URLs with eleventy-plugin-remark and remark-images

Website and blog of Florian Eckerstorfer, a web developer living and working in Vienna, Europe. He likes long walks, music and books.

Apr 30, 2022

by Florian Eckerstorfer (8 posts) · Website & RSS feed

Categories: Plugins

Clawing Back Content for a Better Web: Twitter Archive with 11ty

Full-stack development and design. Based in Central Ohio and accepting projects from all over the world.

Apr 28, 2022

by Chelsea Adams (2 posts) · Website & RSS feed

Categories: How to...

Post to Eleventy from iOS with Drafts, Shortcuts and Working Copy

A workflow to write and publish posts from iOS to an Eleventy blog using Drafts, Shortcuts, and Working Copy.

Apr 23, 2022

by Florian Eckerstorfer (8 posts) · Website & RSS feed

Categories: How to...Drafts

THREE MILLION NPM DOWNLOADS FOR ELEVENTY

A post by Zach Leatherman (zachleat)

Apr 22, 2022

Categories: From the Source

Automating related posts in Eleventy with term frequency-inverse document frequency and eleventy-plugin-related.

Apr 16, 2022

by Justin Poehnelt (2 posts) · Website

Categories: How to...

Responsive Images in Markdown with Eleventy Image

I love markdown's simplicity and convenience, but sometimes you need a little more than the default image tag. In this post, I walk through how responsive images (with the picture tag) are handled on this blog in a way that doesn't compromise the authoring experience.

Apr 16, 2022

by Tomi Chen (1 post) · Website

Categories: Markdown Images How to...

Syntax highlighting for AsciiDoc with Eleventy

Apr 12, 2022

by Saneef H. Ansari (3 posts) · Website & RSS feed

Categories: How to...Plugins

Use Your Saffron Recipes in the Jamstack

How to use your Saffron recipes in a jamstack site.

Apr 11, 2022

Categories: How to...

Using Storybook With 11ty

Storybook is great for component-driven development. This blog post shows you how to use Storybook with 11ty.

Apr 6, 2022

by Paul Everitt (2 posts) · Website & RSS feed

Categories: How to...Shortcodes WebC

New Looks

Full-stack development and design. Based in Central Ohio and accepting projects from all over the world.

Apr 6, 2022

by Chelsea Adams (2 posts) · Website & RSS feed

Categories: Migrating to Eleventy

Thoughts on the Jamstack and Content Metrics

Tips for getting an understanding of your site's content

Apr 6, 2022

Categories: How to...

Including RSS Content in your Eleventy Site - Part 2

A follow up to my post on using RSS data with Eleventy sites

Apr 3, 2022

Categories: How to...Remote Data RSS

Some tricks for 11ty that I learned along the way

in this post I'll explain how to create a collection from a folder, how to use slugify in tags page, and how to create a page containing all tags ordered alphabetically

Apr 2, 2022

by Michele Nasti (1 post) · Website

Categories: How to...

Eleventy Progressive Web App

Catching the Eleventy Lighthouse obsession bug!

Mar 31, 2022

by Justin Poehnelt (2 posts) · Website

Categories: Performance How to...

Generating Apple Touch Icons with Eleventy

Creating the various sizes of Apple Touch Icons is one of the more tedious tasks in web development, but we can use JavaScript templates in Eleventy to automatically generate Apple Touch Icons.

Mar 30, 2022

by Florian Eckerstorfer (8 posts) · Website & RSS feed

Categories: Images How to...

Validating my Eleventy Blog's HTML

This site serves as a bit of a showcase, reference, and general brain dump, so content may vary!

Mar 30, 2022

by Matthew (2 posts) · Website

Categories: How to...

Migrating From WordPress to Eleventy - a non-developer's experience

I recently switched this website / blog from WordPress.com to Eleventy. I'm not a developer. Find out what happened!

Mar 29, 2022

Categories: Migrating to Eleventy

Validating the HTML of an Eleventy site

Let's build an HTML validator for an Eleventy site. It will validate all generated pages to make sure they are valid HTML. Any errors will be reported in the terminal.

Mar 29, 2022

by Sandro Roth (2 posts) · Website & RSS feed

Categories: How to...

Build a Blog With 11ty: Categories - Part 3

We are going to be go through the first steps to get up and running with 11ty. Building a 11ty site from scratch will help you keep your site lightweight, scalable and easy to manage.

Mar 28, 2022

Categories: Blogging Getting Started How to...Layouts

Build a Blog With 11ty: Base - Part 2

We are going to be go through the first steps to get up and running with 11ty. Building a 11ty site from scratch will help you keep your site lightweight, scalable and easy to manage.

Mar 28, 2022

Categories: Blogging Front Matter Getting Started How to...

Build a Blog With 11ty: Setup - Part 1

We are going to be go through the first steps to get up and running with 11ty. Building a 11ty site from scratch will help you keep your site lightweight, scalable and easy to manage.

Mar 28, 2022

Categories: Blogging CSS/Sass Getting Started How to...

Using Sanity CMS to host an image gallery for an existing 11ty site

Sometimes it's too late for a starter project

Mar 27, 2022

Categories: How to...CMS Image Galleries

Ignore Eleventy Files With Environment Variables

Using environment variables and the Eleventy config option to ignore files, we can exclude files or directories depending on our build process.

Mar 25, 2022

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: How to...

Setting up Future Projects for Success with Template Repositories

This introduces the series of articles I wrote for Sparkbox's Foundry about how to build an Eleventy Starter Template.

Mar 23, 2022

by Zach Leatherman (38 posts)

Categories: Getting Started

Per-file commit logs with Eleventy

Using computed data and simple-git to generate file-specific changelogs.

Mar 21, 2022

by Max Kohler (2 posts) · Website

Categories: How to...

The new Eleventy Vite Plugin

YouTube video

Mar 21, 2022

Categories: Plugins YouTube

Eleventy + Vue 3

Tips and tricks for using Vue 3 Single File Components as templates for Eleventy.

Mar 20, 2022

by Fynn Becker (2 posts) · Website & RSS feed

Categories: Configuration How to...Plugins

11ty aliases the right way

A short little tutorial on how to make redirects in 11ty that aren't awful.

Mar 20, 2022

by Evan Boehs (2 posts) · Website & RSS feed

Categories: Collections Configuration How to...Pagination

11ty quick tip: Nunjucks include in markdown without indentation

If you're not careful, included files are not correctly rendered.

Mar 19, 2022

by Tim Kleyersburg (2 posts) · Website

Categories: Nunjucks/Macros Markdown

This static blog is generated with Eleventy and all its social images are automatically generated with node-canvas. In this tutorial we’ll set up a basic version of this script so you can use it on your blog as well.

Mar 17, 2022

by Rik Schennink (1 post) · Website & RSS feed

Categories: Configuration How to...Social Media

Passing Object Arguments to Liquid Shortcodes in 11ty

Currently, 11ty doesn't allow you to pass object arguments to shortcodes in Liquid. As a temporary workaround, you can assemble and parse a JSON string to pass along to the shortcode as an argument.

Mar 17, 2022

by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed

Categories: How to...

A 11ty Reading Time Plugin Quest

Blog and general digital garden of the full stack programmer Simon Dann.

Mar 16, 2022

Categories: How to...Plugins

11ty time's the charm

Mar 15, 2022

by Miguel Calderón (1 post) · Website

Categories: Blogging Why Eleventy?

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

by Oscar (3 posts) · Website & RSS feed

Categories: How to...

Show off your Lighthouse scores as static HTML in Eleventy with the PageSpeed Insights API

The Eleventy community is often focused on performance in a way that you don't tend to see with other... Tagged with eleventy, 11ty, lighthouse, performance.

Mar 15, 2022

by Phil Wolstenholme (1 post) · Website & RSS feed

Categories: Performance How to...

Zero maintenance taxonomies in 11ty

Taxonomies in 11ty have always been hard. Sure, we have collections, but for when we want advanced features like categories and authors, it all falls apart. I found a solution. Introducing taxonomies that work so well they feel (almost) native!

Mar 12, 2022

by Evan Boehs (2 posts) · Website & RSS feed

Categories: Collections

SEO-Friendly URLs With 11ty

One of the first things I do after starting a new WordPress project, is clean out unneeded code.

Mar 12, 2022

Categories: How to...

Eleventy (11ty) setup for multilingual component-based flexible pages

How to setup Eleventy (11ty) static site generator to create landing pages or one page websites with page content splitted in serveral files using reusable UI components

Mar 11, 2022

by Andrea Berardi (1 post) · Website

Categories: Internationalization How to...

Building blocks for my first Eleventy site

Different choices that go into building an Eleventy website from scratch.

Mar 8, 2022

Categories: CSS/Sass Dates Deployment Filters How to...Navigation Pagination Social Media

Including RSS Content in your Eleventy Site

A quick example of using RSS content for an Eleventy page.

Mar 8, 2022

Categories: Remote Data How to...RSS

Custom Markdown Components in 11ty

Ever wanted to nest Markdown in HTML? In 11ty, you can easily do this with paired shortcodes and a custom Markdown library parser.

Mar 3, 2022

by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed

Categories: How to...

Serverless blog with 11ty, GraphCMS and Firebase

The idea behind this experiment was to ignore modern practices: no Vercel and the complete React... Tagged with 11ty, eleventy, firebase, graphcms.

Feb 28, 2022

by Tim Vermaercke (1 post) · Website & RSS feed

Categories: Serverless How to...Blogging

From Notion to Eleventy part 1: The Notion API

The ramblings of Ryan Boone, a web developer and designer from Texas with a passion for open, accessible front end development.

Feb 26, 2022

by Ryan Boone (3 posts) · Website

Categories: How to...Remote Data

Automating some of the publishing steps for my Eleventy blog

Heres how I automated some of the tedious steps of publishing new posts on my Eleventy blog.

Feb 21, 2022

Categories: Blogging Front Matter How to...

Minimum Static Site Setup with Sass

Use this command line combination for building a static site that includes Browsersync, processing Sass and running the final files through autoprefixer and cssnano.

Feb 19, 2022

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: CSS/Sass Getting Started

How to add npm packages for client-side use in Eleventy

It's not immediately obvious how to use npm packages in an Eleventy website front end. Here's how to do it.

Feb 17, 2022

by Nicholas C. Zakas (2 posts) · Website & RSS feed

Categories: How to...

New store for albertoballesteros.com: Eleventy and Snipcart

Snipcart is an e-commerce solution that allows us to add a shopping cart to a web page. This article describes how to do that with an Eleventy static site.

Feb 15, 2022

Categories: How to...

Adding QR Codes to Your Jamstack Site

A look at adding QR codes to your Jamstack site.

Feb 11, 2022

by Joonas Pihlajamaa (1 post) · Website

Categories: Pagination How to...

Automatic Eleventy (11ty) Site Updates with Github Hooks

Feb 8, 2022

Categories: Deployment How to...

Eleventy + Lit

Simple. Fast. Web Components.

Feb 7, 2022

by Al Marks (1 post) · Website & RSS feed

Categories: Plugins

Advanced 11ty: Using Objects in your UI

In this tutorial, we will be writing an async / await call and then returning its response (an... Tagged with 11ty, await, javascript, tutorial.

Feb 5, 2022

by Brewhouse Digital (3 posts) · Website & RSS feed

Categories: How to...

Minifying JS in Eleventy on production

This tutorial is written for the 11ty framework and we will be hosting the app on Netlify. Other... Tagged with eleventy, minification, terser, 11ty.

Feb 5, 2022

by Brewhouse Digital (3 posts) · Website & RSS feed

Categories: How to...Netlify

A Google Static Maps Eleventy Plugin

A simple Eleventy plugin to support Google Static Maps

Feb 2, 2022

Categories: How to...Remote Data

Migrating Hugo to Eleventy - Initial Thoughts

Migrating from Hugo to Eleventy has been a really pleasant and enjoyable experience.

Feb 1, 2022

by Bryan Lee (1 post) · Website & RSS feed

Categories: Migrating to Eleventy

Easily Create Gravatar Images With Eleventy

If you're moving your Wordpress site to Eleventy, you will want to convert your Gravatar images too. Find out how easy it is using an Eleventy shortcode.

Jan 30, 2022

Categories: Images How to...

My complete blogging workflow

Here is my complete blogging workflow from how I manage ideas all the way to publishing and sharing.

Jan 29, 2022

Categories: Blogging How to...Images Front Matter

Using a Google Photos Album in your Eleventy Site with Pipedream

Integrating a Google Photos Album in your Eleventy site with Pipedream

Jan 28, 2022

Categories: Images How to...Remote Data Image Galleries

Fetching remote images with Eleventy

Following up on last month’s article about doing this in Hugo, we explain how to get there in a JavaScript-based SSG.

Jan 25, 2022

Categories: Images Remote Data

Nunjucks Conditional Statement Examples for Eleventy

We are going to be go through the first steps to get up and running with 11ty. Building a 11ty site from scratch will help you keep your site lightweight, scalable and easy to manage.

Jan 25, 2022

Categories: How to...Nunjucks/Macros

Using Storybook with Nunjucks components in Eleventy

The online journal of Ashur Cabrera.

Jan 24, 2022

Categories: Nunjucks/Macros How to...

Say hello to obsolete29.com v4!

Eleventy came out with v1.0 so I rebuilt my site to celebrate.

Jan 22, 2022

Categories: Blogging

Add Pagination to Your Eleventy Static Generated Website in Minutes

Learn how to add pagination to your Eleventy website for faster load times and better user experience with simple JavaScript.

Jan 19, 2022

by Nic Raboy (1 post) · Website & RSS feed

Categories: Pagination How to...

A Guide to Building a Blog in Eleventy

A guide that walks folks through the process of building a blog with Eleventy

Jan 19, 2022

Categories: Blogging How to...Getting Started

Using the Netlify CMS locally

The markdown file uses the `/src/layout/admin.njk` template. This is very similar to the default Netlify CMS example. ```html <!doctype html> <html> <head> <meta charset…

Jan 18, 2022

by Trevor Morris (3 posts) · Website & RSS feed

Categories: Netlify CMS How to...

CAUTION

The posts below were published before the release of Eleventy v1.0.0 (Jan 9, 2022). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.

Journey to the Center of the Eleventy Data Cascade with Ben Myers

YouTube video

Jan 6, 2022

by Ben Myers (6 posts)

Categories: YouTube Data Cascade

Build JAMstack-ready sites with Bootstrap and 11ty (Eleventy)

Jan 5, 2022

by Webpixels (1 post) · Website

Categories: Getting Started

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

by Josh Cunningham (2 posts) · Website & RSS feed

Categories: Collections Layouts

11ty tips I wish I knew from the start

David East's personal site full of blog posts and stuff.

Jan 3, 2022

by David East (1 post) · Website

Categories: Configuration Data Cascade Getting Started Navigation

Going all in with Jamstack and Eleventy

I rebuilt my personal site with Eleventy, a static site generator, and am loving it!

Jan 3, 2022

by Tim Kleyersburg (2 posts) · Website

Categories: Getting Started

2021

Setting a timestamp for posts and RSS feeds in eleventy

Eleventy (11ty) Tutorial

Dec 29, 2021

Categories: Dates How to...RSS

Just Enough JavaScript for Eleventy

Want to try Eleventy, but not very experienced in JavaScript yet? You're in the right place.

Dec 25, 2021

Categories: Configuration How to...

Running Netlify Dev and Eleventy Two or More Times At Once

A tip for folks using Netlify Dev and Eleventy

Dec 10, 2021

Categories: How to...

Going serverless with Eleventy

Let's walk through how to configure Eleventy and how to use Eleventy Serverless to handle asynchronous logic in a real-world project.

Dec 1, 2021

by David Atanda (2 posts) · Website

Categories: Serverless

How to use Vue to template your Eleventy projects

If you like using Eleventy, but would love to leverage Vue syntax in your templates, here's a guide on how to do that.

Dec 1, 2021

by Henry Desroches (2 posts) · Website

Categories: Layouts

How to use Contentful with Eleventy

Here's a pretty 0-60 tutorial on integrating Contentful headless content with Eleventy static site generation! I hope you think it's nice!

Dec 1, 2021

by Henry Desroches (2 posts) · Website

Categories: CMS How to...

An In-Depth Tutorial of Webmentions + Eleventy

Join the Indie Web by adding Webmentions to your serverless Eleventy static site with this step-by-step tutorial. No client-side JavaScript needed!

Nov 22, 2021

Categories: Webmentions

Includes and Macros

Comparing techniques for encapsulating HTML components in Nunjucks or Jinja2.

Nov 20, 2021

Categories: Nunjucks/Macros

Dynamically choosing a data file to use in Eleventy templates

What if I need _data/stuff.json sometimes and _data/thing.json other times?

Nov 17, 2021

Categories: Data Cascade Global Data

Time is on your side

The HTML time element is both useful and easy to use.

Nov 16, 2021

Categories: Dates How to...

Mix and match template syntax in Eleventy using the render plugin

A post by Zach Leatherman (zachleat)

Nov 15, 2021

Categories: Plugins

Configuring Web Fonts in 11ty with Global Data

Rather than using static font-face declarations for web fonts, you can take advantage of global data in 11ty to create a single source of truth for fonts and reuse those values in your templates and CSS.

Nov 14, 2021

by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed

Categories: Global Data How to...

Creating and Using Eleventy Collections

Collections allow you to group templates and then sort, filter, and perform other manipulations to customize the display of your template content and data.

Nov 11, 2021

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: Collections

Implementing a search bar on my static website

A personal blog where I write about my side projects

Nov 9, 2021

by Adrien (2 posts) · Website

Categories: How to...Search

Migrating to Eleventy

Quick brain dump around my experience with Eleventy.js, a static site generator.

Nov 8, 2021

by Ryan Mulligan (1 post) · Website & RSS feed

Categories: Migrating to Eleventy

Managing a secrets directory in your eleventy site

A personal blog where I write about my side projects

Nov 7, 2021

by Adrien (2 posts) · Website

Categories: Configuration How to...

Eleventy 1.0 - Global Data via Plugins Example

A followup on my post concerning Eleventy's new addGloblData feature

Nov 7, 2021

Categories: Global Data Plugins

Eleventy 1.0 - New Option for Global Data

A look at a new way to create global data for Eleventy 1.0 sites.

Nov 2, 2021

Categories: Global Data

Converting a simple HTML site to use Eleventy

For when you're ready for a little templating fun

Oct 23, 2021

Categories: How to...Migrating to Eleventy

Using the large social sharing images added nothing to the information being published so I've decided to stop using them.

Oct 18, 2021

Categories: Social Media How to...

Eleventy 1.0 - Dynamic Ignores

Eleventy 1.0's new support for dynamic file ignore settings.

Oct 15, 2021

Categories: Configuration

Adding PDF Output Support to Eleventy

Using Eleventy transforms and Adobe PDF Services to create dynamic PDFs.

Oct 13, 2021

Categories: How to...

Eleventy Hack/Tip/Possibly Bad Idea - Dynamic Theme Testing

How to test a new theme in an Eleventy site

Oct 11, 2021

Categories: How to...Configuration

Table of Contents in Eleventy

Oct 10, 2021

by anh (3 posts) · Website & RSS feed

Categories: How to...Markdown

How to password protect a static site on Vercel, Netlify, or any JAMStack site

Eleventy (11ty) Tutorial

Oct 10, 2021

Categories: How to...Netlify

Inspecting an existing 11ty project

Great talk by Cassey Lottman

Oct 4, 2021

by Katie Kodes (2 posts) · Website & RSS feed

Categories: How to...Configuration Debugging

Building server-rendered search for static sites with 11ty Serverless, Netlify, and Algolia

Learn how to code progressive enhancement on the Jamstock with 11ty Serverless, Netlify, and Algolia, without bloating our codebase,

Oct 3, 2021

by Bryan Robinson (15 posts) · Website

Categories: Serverless Search How to...

Introduction to Eleventy (11ty) ELEVENTY

This is a simple introduction to Eleventy (11ty), a popular static site generator.

Oct 3, 2021

by Keenan Payne (1 post) · Website & RSS feed

Categories: Getting Started

Requesting YouTube API endpoint using Node and 11ty

How to request YouTube API endpoint using Nodejs standard API and Eleventy (11ty) in the frontend!. Tagged with node, eleventy, javascript, html.

Oct 2, 2021

by Mathieu Huot (2 posts) · Website & RSS feed

Categories: YouTube How to...

How to handle post relations in Eleventy in a manual fashion.

Sep 24, 2021

Categories: How to...Front Matter

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

Media Diary with Eleventy

Sep 21, 2021

by anh (3 posts) · Website & RSS feed

Categories: Data Cascade Global Data Layouts

Supporting Multiple Authors in an Eleventy Blog - Follow-Up

An udate to my earlier Eleventy demo showing how to handle multiple authors

Sep 19, 2021

Categories: How to...Front Matter

How to Create and Deploy Your First Eleventy Website

Learn how to build a website with Eleventy (11ty), a static site generator that gives you simplicity and flexibility.

Sep 15, 2021

by Ayooluwa Isaiah (1 post) · Website

Categories: How to...Deployment

Every fire needs a sparkline

A post by Zach Leatherman (zachleat)

Sep 13, 2021

Categories: How to...

Reply-to links in site feeds

I really love when people include Reply-to links in their RSS feed. Here are a couple options.

Sep 10, 2021

Categories: How to...

TWO MILLION NPM DOWNLOADS FOR ELEVENTY

A post by Zach Leatherman (zachleat)

Sep 3, 2021

Categories: From the Source

Using PDFs with the Jamstack - Building a Document Viewer

Using Adobe PDF Services to build a document viewer for your Jamstack site

Aug 30, 2021

Categories: How to...Global Data

Adding Algolia search to an Eleventy site with Netlify

After months of struggles I finally found a relatively easy solution.

Aug 29, 2021

Categories: How to...Search

How to Separate Content from Website Code

It's much easier to maintain a site over time when the content is separate from the code. Walk through that process using a real example with Eleventy.

Aug 24, 2021

by Sean David (1 post) · Website & RSS feed

Categories: How to...

Fix dates on Eleventy RSS feeds

Aug 20, 2021

by Saneef H. Ansari (3 posts) · Website & RSS feed

Categories: Dates How to...Plugins RSS

Using Liquid Blocks in Eleventy Layouts

A look at using multiple blocks and having them render in Liquid templates

Aug 19, 2021

Categories: Layouts How to...

Prettier previews, built with many moving parts.

Aug 16, 2021

Categories: Images How to...

How I Set Up a Project With Eleventy

Introduction This is a quick overview on my typical setup for an 11ty project. I really... Tagged with jamstack, eleventy.

Aug 14, 2021

by Nathan Blaylock (1 post) · Website & RSS feed

Categories: How to...Getting Started

More Work on Algolia and My Blog

An update to my fight to get search working right on my blog

Aug 11, 2021

Categories: Search How to...

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

by Thomas Semmler (3 posts) · Website & RSS feed

Categories: How to...Nunjucks/Macros

A Running Log - Garmin Connect and Eleventy

Use Eleventy to log Garmin Connect activities on a website and automate the process with Zapier and Netlify.

Aug 9, 2021

by Josh Crain (1 post) · Website & RSS feed

Categories: Data Cascade How to...Remote Data

Automate Netlify Redirects in 11ty

Tired of listing all of your Netlify redirects by hand? Generate them programmatically with a bit of 11ty templating magic!

Aug 8, 2021

by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed

Categories: How to...

Replace characters that are often stripped out of post titles by RSS readers and social network link embeds

Aug 8, 2021

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: How to...Social Media Filters RSS

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

Reusable code snippets and components in Eleventy

Some cunning ways to use Nunjucks and 11ty shortcodes for reusable blocks

Aug 3, 2021

by Fuzzy Logic (3 posts) · Website & RSS feed

Categories: How to...

An Adobe PDF Embed Plugin for Eleventy

Eleventy users can now add a PDF Embed plugin to their sites

Aug 2, 2021

Categories: How to...Global Data Configuration Plugins

When to Use Pagination in Eleventy

Contrasting pagination and looping, with examples and a reference image.

Jul 31, 2021

Categories: Pagination

Page Level URL Fetching with Eleventy

Making a network request on a page with Eleventy

Jul 30, 2021

Categories: How to...Remote Data Front Matter Global Data

Using Nunjucks shortcodes in Markdown files in Eleventy

Unlock the power of Eleventy Image in your md posts

Jul 29, 2021

Categories: Markdown Nunjucks/Macros Shortcodes

Structuring Eleventy projects

One of the great things about Eleventy is its flexibility and its lack of assumptions about how your projects should be organized. However, in order to preserve my own sanity, I needed to come up with a default files and folders architecture that made sense to me.

Jul 29, 2021

Categories: How to...

Generate Page Content From a Global Data File Using Eleventy

There are many great features to choose from when building websites with Eleventy. One feature in particular that I find very useful is the ability to iterate over a global data file and generate page content using a templating language of your choice.

Jul 29, 2021

by Tanner Dolby (2 posts) · Website

Categories: Global Data

Blog post filter with Netlify Functions

I built my first ever serverless feature to add tag filtering to my blog listing. Here's how I integrated that to my Ghost & Eleventy setup with Netlify Functions.

Jul 28, 2021

by Juha-Matti Santala (13 posts) · Website & RSS feed

Categories: Filters How to...Serverless Remote Data

Building a notification thingamajig with Eleventy data

The online journal of Ashur Cabrera.

Jul 26, 2021

Categories: Data Cascade How to...

Getting your bearings in an existing Eleventy project

Questions to ask to start making changes quickly

Jul 26, 2021

Categories: Configuration

Making an 11ty collection from a remote XML file

RSS is XML with a specification, however not all RSS feeds follow the spec. In this post, we process the feed as an XML document meaning we can access the extra attributes and values

Jul 26, 2021

Categories: Collections How to...Remote Data

Adding figures with captions to images in markdown with eleventy

Eleventy (11ty) Tutorial

Jul 25, 2021

Categories: How to...Images

Eleventy plus Vite = elite

Re-bundling, but without the pain of webpack.

Jul 24, 2021

Categories: How to...Plugins

Eleventy and template extends

A quirk detail about how Elevent handles extending a Nunjucks layout using template blocks.

Jul 23, 2021

by Ramon Lapenta (1 post) · Website

Categories: Layouts

Applying frontmatter defaults to a whole folder of posts in eleventy

Eleventy (11ty) Tutorial

Jul 22, 2021

Categories: How to...Front Matter

Formatting dates nicely in 11ty with Luxon

Eleventy (11ty) Tutorial

Jul 22, 2021

Categories: Dates How to...

Build your own shop with the Shopify Storefront API, Eleventy, and serverless functions

Learn how you can create your own online shopping experience using the improved Shopify Storefront API, serverless functions, and Eleventy.

Jul 20, 2021

by Phil Hawksworth (6 posts) · Website

Categories: Serverless How to...

Setting a conditional variable in Javascript

Power Platform Developer and all around cool guy

Jul 19, 2021

Categories: Images How to...

Improving my automated open graph image process w/ Eleventy

Power Platform Developer and all around cool guy

Jul 14, 2021

Categories: Images Social Media How to...

Integrating Eleventy with GitHub Flat Data

How to use the Flat Data GitHub action with Eleventy

Jul 14, 2021

Categories: Remote Data

How I Create an Article Series in Eleventy

Front matter, templates, collections, and JavaScript.

Jul 14, 2021

Categories: How to...

Improving upon my image processing with Eleventy

I recently relaunched my website and I believe I have improved upon my image processing setup using eleventy-img. Here is what I did.

Jul 13, 2021

Categories: Images How to...

Manage Design Tokens in Eleventy

Eleventy offers the ability to transform data, which is handy for creating and transforming design tokens

Jul 12, 2021

by Fuzzy Logic (3 posts) · Website & RSS feed

Categories: How to...

Create an 11ty collection from any RSS feed

Using 11ty global data files, we create an 11ty collection from an RSS feed. As an example, we show the latest YouTube videos on our website

Jul 12, 2021

Categories: Remote Data Collections How to...RSS

Creating an Additive Capture Shortcode in Eleventy

Creating a capture shortcode that appends insteads of replacing

Jul 12, 2021

Categories: How to...

Notion API with 11ty

How to use the Notion API in 11ty

Jul 4, 2021

by Constant Vallee (2 posts) · Website & RSS feed

Categories: Remote Data

Creating a dynamic color converter with 11ty Serverless

11ty started out as a static site generator, but is quickly getting into the dynamic game. Use the templates and structure you love, but use them on the server, as well!

Jul 2, 2021

Categories: Serverless

Creating an 11ty collection from a JSON API

Using 11ty Global data files, you can make collections from JSON APIs, allowing you to make whole websites from one endpoint

Jun 28, 2021

Categories: Collections How to...Global Data

A First Look at Eleventy Serverless!

YouTube video

Jun 27, 2021

by Ben Myers (6 posts)

Categories: Serverless YouTube

Bundle JavaScript with Eleventy and esbuild

Jun 27, 2021

Categories: Asset Pipelines How to...

Turn static HTML/CSS into a blog with CMS using the JAMStack

YouTube video

Jun 24, 2021

by Kevin Powell (1 post)

Categories: CMS Configuration Deployment Getting Started Blogging

Dynamic Short URLs with Eleventy

Creating URL aliases dynamically with Eleventy

Jun 22, 2021

Categories: Front Matter Collections How to...

Minimal SASS & eleventy Setup

A post about setting up SASS with eleventy without additional tools

Jun 21, 2021

by Thomas Semmler (3 posts) · Website & RSS feed

Categories: CSS/Sass

Webmentions + Eleventy Talk

Slides and resources from my talks at JamStack Toronto and Magnolia JS.

Jun 18, 2021

Categories: Webmentions

Feature content by date in Eleventy using custom filters

Jun 16, 2021

Categories: Filters YouTube

Using Lunr with Eleventy via Netlify Serverless Functions - Part Two

A followup to my post demonstrating using Lunr via serverless functions

Jun 6, 2021

Categories: Search How to...

11ty: The Good, the Bad, and the... Possum?

An in-depth review of 11ty, an extensible static site generator written in Node that supports a variety of template languages.

Jun 3, 2021

by Aleksandr Hovhannisyan (12 posts) · Website & RSS feed

Categories: Why Eleventy?

Using Lunr with Eleventy via Netlify Serverless Functions

A look at using Lunr on the server side with an Eleventy web site

Jun 2, 2021

Categories: Search How to...

Building Ale House Rock with 11ty

I rebuilt my beer review website using a JSON API and 11ty. This is a rundown of how I tackled it

May 31, 2021

by Stephanie Eckles (21 posts)

Categories: Collections

Going Beyond Static Sites With Eleventy

YouTube video

May 31, 2021

Categories: How to...Why Eleventy?

Moving from Hexo to Eleventy

Migrating my blog to a new static site generator and redesigning my theme.

May 28, 2021

Categories: Migrating to Eleventy

Localize datetimes in Eleventy with JS

May 28, 2021

Categories: Dates How to...

Compile Sass with eleventy

May 25, 2021

Categories: CSS/Sass How to...

Hiding posts with future dates in Eleventy

May 24, 2021

by Saneef H. Ansari (3 posts) · Website & RSS feed

Categories: Dates How to...Drafts

Itsiest, Bitsiest Eleventy Tutorial

Want to get started with Eleventy but feel overwhelmed? Try out this pared-down tutorial

May 24, 2021

Categories: Getting Started

A Remarkable Discovery

I switched from markdown-it to remark and I’m much happier for it.

May 23, 2021

Categories: Markdown How to...

11ty Simplicity

May 19, 2021

Categories: Why Eleventy?

Why 11ty?

May 18, 2021

Categories: Why Eleventy?

Sanity with 11ty: Paginating Data

May 17, 2021

Categories: Pagination

Accessing 11ty filters within data files to keep your code DRY

11ty filters can exist as JS functions inside the declared filters directory - these can be accessed by other files not processed by 11ty

May 17, 2021

Categories: Filters How to...

Sanity with 11ty

May 16, 2021

Categories: CMS How to...

Building a Choose Your Own Adventure site with Eleventy

How I built a "Choose Your Own Adventure" style site with Eleventy

May 16, 2021

Categories: Front Matter How to...

Create posts in Eleventy using collections

May 14, 2021

Categories: Collections How to...

Deploying an 11ty Site to Azure Static Web Apps

May 13, 2021

by Chad Schulz (1 post) · Website

Categories: Deployment How to...

Case Study: One year with Eleventy after leaving GatsbyJS

One year after I switched from GatsbyJS to Eleventy, In this post I recapped the process and wrote down how it is today working with Eleventy.

May 12, 2021

by Marc Radziwill (1 post) · Website

Categories: Why Eleventy?

Automatically generate open graph images in Eleventy

Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats

May 10, 2021

Categories: Filters How to...Images Social Media

Using PurgeCSS with Bootstrap and Eleventy

Tailwind is rad but have you ever wanted a customized, slim version of Bootstrap? In this tutorial,... Tagged with eleventy, 11ty, bootstrap, purgecss.

May 9, 2021

by Brewhouse Digital (3 posts) · Website & RSS feed

Categories: CSS/Sass How to...

Stop forgetting the Eleventy Data Cascade

May 2, 2021

by Kaan Divringi (1 post) · Website & RSS feed

Categories: Data Cascade

Adding an Email Subscription to Your Jamstack Site

Using MailChimp to provide a list service for new posts on your blog

May 1, 2021

Categories: How to...Front Matter

Listing posts in Eleventy when you publish offsite

Co-mingling internal and external posts takes a little extra work. Here’s what I did

Apr 28, 2021

by Eric Bailey (2 posts) · Website & RSS feed

Categories: How to...

How to: add Twitter and Instagram Embeds on an Eleventy website using Sanity

Cover image credits: Photo by Luismi Sánchez on Unsplash At Orbit, we recently rebuilt our website f... Tagged with 11ty, eleventy, sanity, jamstack.

Apr 27, 2021

by Nicolas Goutay (1 post) · Website & RSS feed

Categories: How to...CMS

Asset Pipelines in Eleventy

While some SSGs have a standardized way of handling assets, Eleventy does not. That's a good thing! Here are a few possible approaches you can take.

Apr 26, 2021

Categories: Asset Pipelines

Using 11ty JavaScript Data files to mix Markdown and CMS content into one collection

In this article, we'll mix Markdown files with external data sources to create a unified 11ty Collection.

Apr 25, 2021

Categories: CMS Collections

Creating pages from data with Eleventy

Eleventy has the ability to generated multiple pages from a structured data source, either static JSON or JSON dynamically generated by JavaScript code.

Apr 25, 2021

by Florian Eckerstorfer (8 posts) · Website & RSS feed

Categories: Data Cascade Global Data

Let's Learn Eleventy (11ty) - How to make a JavaScript bundle

In the fifth part of the Let't Learn Eleventy series, we'll learn how handle JavaScript

Apr 25, 2021

Categories: Asset Pipelines How to...

Eleventy 1.0

In the changelog, I’m documenting modifications to this site that might be of interest, but are not necessarily my own ideas or work. This time it’s about the update to Eleventy 1.0 and some things that changed while updating.

Apr 21, 2021

Categories: Images Social Media How to...

Archives & Permalinks

How I got the archive page permalinks right.

Apr 21, 2021

Categories: How to...Permalinks

Get your Eleventy Site into the real world using a hosting provider like Netlify or Git pages

There are plenty of ways to get your 11ty site live depending on preferences and skill set, this blog walks through a few of the popular ones including Gitlab pages, Vercel, Netlify and Cloudflare pages

Apr 19, 2021

Categories: Deployment How to...

Migrating This Blog From Jekyll to Eleventy

Jekyll has been powering this site for many years now. It replaced my WordPress setup, and I haven't looked back. Over the last few months, I have become fed up with Jekyll. It's slowing me down. Time to replace it with something new and shiny!

Apr 18, 2021

by Xavier (1 post) · Website & RSS feed

Categories: Migrating to Eleventy Blogging

Using Eleventy’s official image plugin

The what, why, and how of Eleventy Image.

Apr 17, 2021

Categories: Images How to...

Layout Templating

Tips for creating Eleventy layouts.

Apr 16, 2021

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: CSS/Sass

Building a Database Driven Eleventy Site

Using a database (MySQL) to drive content for an Eleventy site

Apr 15, 2021

Categories: Plugins Pagination Global Data

On Eleventy

Apr 14, 2021

by Jeremy Epstein (1 post) · Website & RSS feed

Categories: Why Eleventy?Migrating to Eleventy

I built an Eleventy plugin to do Medium-style text highlights that can be shared. It uses a webcomponent, custom properties and the Web Share API.

Apr 13, 2021

Categories: How to...

Build an 11ty calendar to list all your posts

List all of your posts (or other collection items) in a calendar/diary format to give a timeline of your past

Apr 12, 2021

Categories: Collections How to...

Creating a feed in Eleventy

Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats

Apr 7, 2021

Categories: How to...

npx eleventy !== npx @11ty/eleventy

Use the former at your own risk.

Apr 7, 2021

Categories: How to...Configuration

Building a Simple Image Gallery with Eleventy

Using the Image plugin with Eleventy to build a simple gallery

Apr 7, 2021

Categories: Images How to...Plugins Configuration Image Galleries

Faster YouTube embeds in Eleventy

Use lite-youtube-embed in Eleventy for faster and more privacy-minded video

Apr 7, 2021

Categories: YouTube

Using Cloudflare workers to publish your scheduled 11ty posts

Learn how to schedule blog posts and other items to go live with your static site generator without having to rebuild the whole site. Get all the benefits of a dynamic CSS with static files

Apr 5, 2021

Categories: How to...Deployment

How to add Netlify CMS to an existing Eleventy project

I started coding again recently and I've been working on some personal projects in Eleventy. I alrea... Tagged with netlifycms, eleventy, jamstack, beginners.

Apr 3, 2021

by Hanna Taylor (1 post) · Website & RSS feed

Categories: CMS How to...Netlify

Syndicating blog posts from an 11ty site to Dev.to using RSS

How I syndicate the blog posts from my website to Dev.to by providing an RSS feed for my journal page.

Apr 2, 2021

by Declan Byrd (2 posts) · Website & RSS feed

Categories: How to...RSS

Using SASS With Eleventy

Eleventy (11ty) is a super customisable static site generator that at its core transforms template language into HTML. However, template languages li…

Mar 29, 2021

by John Kemp-Cruz (1 post) · Website & RSS feed

Categories: CSS/Sass How to...

Migrating from Hugo to Eleventy

A short summary of this site's migration from Hugo to Eleventy.

Mar 29, 2021

Categories: Migrating to Eleventy

Quick Tips for Eleventy and Vercel

A quick tip for folks using Eleventy and Vercel together.

Mar 27, 2021

Categories: Deployment How to...Debugging

11ty Date Shortcodes and Filters

Use this shortcode and filter as a starting point for your date transformation needs.

Mar 27, 2021

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: Dates How to...Filters Shortcodes

Adding a favicon in Eleventy

Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats

Mar 25, 2021

Categories: How to...

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

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: Getting Started

Filters for 11ty Content

Includes filters for creating an excerpt and other content enhancements.

Mar 24, 2021

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: Filters

Moving a blog from Jekyll to Eleventy

This post walks through how to set up a blog with the Eleventy static site generator and deploy it using Netlify. We'll cover topics such as migrating from Jekyll, configuring and extending Eleventy, adding syntax highlighting, an RSS feed, a sitemap, SEO meta tags, privacy-friendly analytics, web fonts, and hosting images.

Mar 21, 2021

by Nicolas Hery (1 post) · Website

Categories: Migrating to Eleventy Blogging

Using the Eleventy image plugin to generate images

In the changelog I'm documenting modifications to this site that might be of interest, but are not necessarily my own ideas or work.

Mar 21, 2021

Categories: Images How to...

Tailwind-to-head with Eleventy

This follow-up to an earlier article about Hugo Pipes shows how to get internal CSS in an Eleventy site — and with no build tools required.

Mar 20, 2021

Categories: CSS/Sass How to...

Collection archive in Eleventy

Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats

Mar 17, 2021

Categories: How to...Collections

Fix DST Dates in Eleventy

Mar 16, 2021

Categories: Dates How to...

Using PDFs with the Jamstack - Now with Thumbnails

Combing Adobe PDF APIs with Eleventy to create PDF Thumbnails

Mar 16, 2021

Categories: How to...Remote Data Pagination

Adding Webmentions to my site

While I was rebuilding my website in Eleventy, I saw Amber Wilson's article about adding Webmentions to her site shared on Twitter. I'd heard of Webmentions but I'd never really looked into them and while I was reading Amber's post, I thought that it's a really cool idea and added them to the list of things I wanted to add to my site.

Mar 15, 2021

by Luke Bonaccorsi (3 posts) · Website

Categories: Webmentions

Dates in Eleventy

Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats

Mar 9, 2021

Categories: Dates

Adding Simple Pagination to an 11ty Collection

11ty can handle pagination really well, but finding the right subset of the many pagination features can be a little difficult to figure out. Here's how I added simple previous and next links and post totals to the list pages on this blog.

Mar 7, 2021

by Brian Perry (1 post) · Website

Categories: Pagination How to...Collections

Accessible anchor links with Markdown-it and Eleventy

Feb 25, 2021

by Nicolas Hoizey (3 posts) · Website & RSS feed

Categories: Markdown How to...Accessibility

Using PDFs with the Jamstack

Using the Adobe PDF Embed API to view PDFs on your Jasmstack site

Feb 25, 2021

Categories: How to...Global Data Pagination

Migrating from Middleman to Eleventy

Feb 24, 2021

by Angelique Weger (1 post) · Website & RSS feed

Categories: Migrating to Eleventy

Creating a Fast and Beautiful Portfolio Website using HTML, CSS, Eleventy and Netlify

Eleven years ago, in 2010, my personal website was minimal by every means. Relaunching in 2021 using... Tagged with webdev, webperf, eleventy, netlify.

Feb 23, 2021

by Ingo Steinke (1 post) · Website & RSS feed

Categories: CSS/Sass Netlify Getting Started

11ty and Rollup - a take on current build pipelines

I love rollup and I love 11ty (eleventy), but mixing the two seems to be a little hard - at least when looking at the starter projects presented on 11ty's website. Here's my take on it.

Feb 22, 2021

Categories: How to...

How to use navigation search forms and Lunr

Feb 22, 2021

Categories: Search Navigation How to...

I Finally Understand Eleventy's Data Cascade

Where does Eleventy get all of its data? Which data overrules other data? I've documented my whole mental model of Eleventy's data cascade.

Feb 21, 2021

by Ben Myers (6 posts) · Website & RSS feed

Categories: Data Cascade Global Data

Encapsulated Eleventy/Nunjucks components with macros

How to pass parameters to an include in Nunjucks

Feb 19, 2021

by Trys Mudford (2 posts) · Website & RSS feed

Categories: Nunjucks/Macros

Site Metadata

A useful technique to manage site metadata (title, description, url, etc) for ease of retrieval throughout templates and content.

Feb 15, 2021

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: Data Cascade Global Data

Using Template Content as Data for 11ty

Create a collection of content using any Eleventy templating language and learn to control the output to enable using that content as data.

Feb 15, 2021

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: Data Cascade Collections

Now with added Eleventy!

Ever since I gave Eleventy a go when I was building the LeedsJS website, I've been a huge fan and advocate, even convincing some people to give it a try out of my sheer enthusiasm for it. I absolutely love the simplicity and flexibility of it, as well as things like data files. I have a whole post talking about this stuff from when I was building the new LeedsJS website. I've been meaning to convert my own site over for a while, and recently took the plunge and decided to do it. As well as giving me the opportunity to dig into Eleventy without a deadline pressing me, it also gave me the chance to make some stylistic changes.

Feb 12, 2021

by Luke Bonaccorsi (3 posts) · Website

Categories: Migrating to Eleventy

Stream Schedule with Eleventy

Feb 9, 2021

by Ben Myers (6 posts) · Website

Categories: How to...Scheduling

Overview

Feb 8, 2021

by Katie Kodes (2 posts) · Website & RSS feed

Categories: Navigation Accessibility

Create an Eleventy podcast feed

Want to add an iTunes and Google friendly podcast feed to your Eleventy site? Here's how.

Feb 8, 2021

Categories: Filters Blogging How to...Configuration

Webmention Analytics

I built a tool to analyze incoming webmentions. This new side project generates monthly reports to see how and where my content is mentioned.

Feb 7, 2021

Categories: Webmentions

How to use CSV data with Eleventy

Feb 6, 2021

by Max Kohler (2 posts) · Website

Categories: How to...Data Cascade

Eleventy in eleven minutes

Image by 11ty.dev I would like to share my opinionated path how I got started using. Table... Tagged with eleventy, thingsivelearned, blazingfast, staticsitegenerator.

Feb 5, 2021

by Lea Rosema (4 posts) · Website & RSS feed

Categories: Getting Started Why Eleventy?

Group posts by year in Eleventy

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

Jan 31, 2021

Categories: Dates How to...Collections

Rebuilding my site - Part 1: Eleventy

Jan 31, 2021

by Carol.gg (1 post) · Website & RSS feed

Categories: Migrating to Eleventy

Create a Contributors Page in Eleventy

Jan 29, 2021

Categories: How to...Global Data

How I created an eleventy plugin to automatically generate social-images for your website and blog posts.

Jan 28, 2021

by Kumar Abhishek (2 posts) · Website & RSS feed

Categories: Plugins How to...

Going Beyond Static Sites With Eleventy

Eleventy includes features that allow exceeding the traditional limits of static. Learn how to leverage these features and think beyond static when using Eleventy.

Jan 28, 2021

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: Why Eleventy?

How to Use WordPress as a Headless CMS for Eleventy

You want to offer static-site benefits to clients, but they want WordPress! Learn how to use Eleventy with WordPress to offer the best of both worlds.

Jan 27, 2021

by Craig Buckler (2 posts) · Website & RSS feed

Categories: CMS

Grouping blog posts by year in Eleventy

Create an archive page grouped by year (or anything you want!) using 11ty's built in pagination and a modified collection.

Jan 26, 2021

by James Doc (3 posts) · Website & RSS feed

Categories: Pagination Dates How to...Blogging

My year of Eleventy plugins

Exactly one year ago today, I published my first Eleventy plugin. Here are some of the things I’ve learned since then.

Jan 25, 2021

by Graham F. Scott (3 posts) · Website & RSS feed

Categories: Plugins

Don't shut down your business! Instead use Eleventy Image

A post by Zach Leatherman (zachleat)

Jan 25, 2021

Categories: Images

Eleventy plugin for efficient CodePen embeds

Embed CodePen.io Pens into your 11ty website by using a ShortCode. It directly embeds an iFrame for efficiency (without loading CodePen's Javascript).

Jan 24, 2021

by Kumar Abhishek (2 posts) · Website & RSS feed

Categories: How to...Plugins

Configure markdown footnotes in eleventy

Eleventy (11ty) Tutorial

Jan 23, 2021

Categories: How to...Markdown Configuration

Let's Learn Eleventy (11ty) - Images

In the fourth part of the Let't Learn Eleventy series, we'll learn how use images with eleventy-img plugin

Jan 23, 2021

Categories: Images How to...

Using Pre-Built Lunr Indexes with Eleventy

Switching to Pre-Built Lunr indexes with Eleventy sites

Jan 22, 2021

Categories: Search How to...Configuration

Add YouTube playlists to your Eleventy site

Want to add a YouTube playlist to your Eleventy website? Read on to find out how.

Jan 21, 2021

Categories: YouTube How to...

Add HTML classes to 11ty markdown content

11ty comes with some useful plugins for markdown manipulation, one of these is... Tagged with 11ty, eleventy.

Jan 20, 2021

by Giulia Chiola (1 post) · Website & RSS feed

Categories: Markdown

Add YouTube and Twitter Shortcodes to Eleventy

Jan 20, 2021

Categories: How to...YouTube Shortcodes

Integrate Pocket in Eleventy

Jan 19, 2021

by Michael Scharnagl (1 post) · Website & RSS feed

Categories: How to...

Webmentions: Joining the IndieWeb

Webmentions are now live on the site, powered by webmention.io! I've been meaning to do this for ages. I'm very excited to finally getting around to joining the IndieWeb.

Jan 18, 2021

Categories: Webmentions

Accessing Eleventy Data on the Client Side

Accessing Eleventy data files in your JavaScript code

Jan 18, 2021

Categories: Global Data Remote Data How to...Front Matter

Moving from Gatsby to Eleventy

Thoughts and learnings of Graham Martin, a UI Developer in London, UK

Jan 17, 2021

by Graham Martin (1 post) · Website & RSS feed

Categories: Migrating to Eleventy

An async function walks into a loop.

A solution for async functionality in template loops, using `eleventy-image` as an example, some basics about JavaScript loops, and debugging advice. All in what should be a short note.

Jan 15, 2021

by Oscar (3 posts) · Website & RSS feed

Categories: Images

Jan 10, 2021

Categories: Images Social Media How to...

3 Ways to Render Server-Side Components with Eleventy

While Eleventy doesn't appear to be built for today's component-driven landscape, here are three approaches we can take to get closer.

Jan 10, 2021

Categories: How to...

Power Platform Developer and all around cool guy

Jan 9, 2021

Categories: How to...Images

This is part four of how I used 11ty to setup my personal site. This is how I setup open graph protocol, search and favicons.

Jan 3, 2021

Categories: Social Media Images How to...

Accessible amojis with 11ty

I’m Kitty Giraudel, a non-binary trans frontend developer based in Berlin, focused on accessibility and inclusivity.

Jan 2, 2021

Categories: Accessibility How to...

Debug Mode

Debug Mode — Eleventy

Jan 1, 2021

Categories: Debugging

Trigger a Netlify build every day with IFTTT

Quick Tip: Trigger a Netlify Build Every Day — Eleventy

Jan 1, 2021

Categories: Deployment Netlify

2020

Give your Eleventy Site Superpowers with Environment Variables

Eleventy is increasing in popularity because it allows us to create nice, simple websites, but also — because it’s so developer-friendly. We can build

Dec 31, 2020

by Andy Bell (3 posts) · Website & RSS feed

Categories: Configuration How to...

RSS, a love letter and walkthrough for my Eleventy site

Power Platform Developer and all around cool guy

Dec 31, 2020

Categories: How to...Plugins Layouts RSS

Eleventy and Hugo: comparing and contrasting

Trying to choose between the two best static site generators? See if these points address your personal hot buttons.

Dec 28, 2020

Categories: Why Eleventy?

Maximally optimizing image loading for the web

In this post I'll outline 8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the...

Dec 28, 2020

by Malte Ubl (2 posts) · Website & RSS feed

Categories: Images How to...

Dynamic heading levels in Eleventy

While looking around a repository at something else I discovered this clever approach.

Dec 26, 2020

Categories: How to...

Building a Community Calendar with Eleventy

Dec 21, 2020

Categories: How to...

Configuring responsive and optimized images with Eleventy

Power Platform Developer and all around cool guy

Dec 21, 2020

Categories: Images How to...Plugins

Building my personal site with Eleventy

Power Platform Developer and all around cool guy

Dec 20, 2020

Categories: Getting Started Blogging Why Eleventy?Configuration Layouts

Add structured data annotations to Eleventy blog

Add structured data (JSON-LD) to enable rich snippets in Google search results.

Dec 17, 2020

by Max Ivanov (1 post) · Website & RSS feed

Categories: How to...Data Cascade Blogging

Hashing out a cache-busting fix for Eleventy

Some of the code behind my previous post.

Dec 15, 2020

Categories: CSS/Sass

Custom collection list markup in Eleventy

Dec 15, 2020

by Dan Denney (1 post) · Website

Categories: Collections How to...

Using Airtable with Eleventy

A long-winded look at getting Airtable data into Eleventy.

Dec 11, 2020

Categories: Remote Data How to...Global Data

Optimize Images in Eleventy Using Cloudinary

Learn the fundamentals behind responsive images and how to set them up in Eleventy using Cloudinary and Eleventy shortcodes

Dec 11, 2020

Categories: Images

Standing on the shoulders of giants makes it possible to generate social sharing images with very little code.

Dec 10, 2020

by Steven Hicks (1 post) · Website

Categories: Social Media Images How to...

Grow the IndieWeb with Webmentions

When I re-made my site with Eleventy, the pages didn't change much, but I had loads of fun adding new features. The most fun was webmentions and I'm here to co…

Dec 8, 2020

by Amber Wilson (2 posts) · Website

Categories: Webmentions

Understanding Filters, Shortcodes and Data in 11ty

Sometimes it’s a little confusing what the difference between shortcodes, data and filters really is, and frankly the boundaries can become a little blurred with 11ty.

Dec 8, 2020

by Mike (1 post) · Website & RSS feed

Categories: Data Cascade How to...Filters Shortcodes

Adding Google Calendar to Your Jamstack - with Pipedream

An updated demonstration of integration calendar data into your Jamstack site - with Pipedream

Dec 8, 2020

Categories: Remote Data How to...

Flexible components in Eleventy with Nunjucks macros

Dec 4, 2020

by Iain Bean (2 posts) · Website & RSS feed

Categories: Nunjucks/Macros

Inlining scripts and styles in 11ty

I’m Kitty Giraudel, a non-binary trans frontend developer based in Berlin, focused on accessibility and inclusivity.

Dec 3, 2020

Categories: CSS/Sass Configuration

Footnotes in 11ty

I’m Kitty Giraudel, a non-binary trans frontend developer based in Berlin, focused on accessibility and inclusivity.

Dec 2, 2020

Categories: How to...

From Jekyll to 11ty

I’m Kitty Giraudel, a non-binary trans frontend developer based in Berlin, focused on accessibility and inclusivity.

Nov 30, 2020

Categories: Migrating to Eleventy

Composing data in Eleventy

The ramblings of Ryan Boone, a web developer and designer from Texas with a passion for open, accessible front end development.

Nov 28, 2020

by Ryan Boone (3 posts) · Website

Categories: Front Matter Data Cascade How to...

Parsing markdown in frontmatter for Eleventy templates, using filters

Nov 24, 2020

by Victor Camnerin (1 post) · Website & RSS feed

Categories: Front Matter How to...Filters Markdown

Time to Cache Up

For a long time I’ve been searching for a sound solution to storing the entire Webmention history of my blog, as packaging it up with the rest of the repository was not cutting it for me. Enter the world of async.

Nov 23, 2020

Categories: Webmentions

Using a folder other than posts/ with Eleventy

I don’t want to wrestle with overwrought Webpack configuration, write GraphQL queries for basic navigation, or scream at types for failing to transpile or whatever. I want to write

Nov 22, 2020

by Eric Bailey (2 posts) · Website & RSS feed

Categories: Configuration How to...

From Gatsby to Eleventy

In this post I'll compare my experience building my personal blogging site (the one you're on now) with two static site generators (SSGs) - Gatsby and Eleventy…

Nov 20, 2020

by Amber Wilson (2 posts) · Website

Categories: Migrating to Eleventy

Compile Sass With Eleventy

Instead of using Gulp or Grunt, Eleventy can also compile Sass files directly. The players: the new beforeBuild event and Dart Sass.

Nov 19, 2020

by Dennis Hendricks (1 post) · Website & RSS feed

Categories: CSS/Sass How to...

Asset Pipelines in Eleventy

This is a clever trick (probably too clever) for setting up Eleventy to manage asset pipelines like SCSS and JavaScript transformations, as well as using hashes in filenames for cache busting.

Nov 13, 2020

Categories: How to...CSS/Sass Asset Pipelines

Jamstack 101: Getting Started with Eleventy

Joel Varty will show you how to get started building Jamstack sites using JavaScript and Eleventy.

Nov 12, 2020

by Joel Varty (1 post) · Website & RSS feed

Categories: Getting Started

Using PostCSS for cache-busting in Eleventy

Optimizing how browsers handle your site’s CSS, and why you should care about that.

Nov 10, 2020

Categories: CSS/Sass How to...

Adding a Warning for Old Posts to Your Jamstack Site

How to add a message to older content on your static site.

Nov 9, 2020

Categories: How to...Filters

Launching the New and Improved CSS { In Real Life }

Nov 4, 2020

Categories: Migrating to Eleventy

Internationalization And Localization For Static Sites

Internationalization and localization is more than just writing your content in multiple languages. You need a strategy to determine what localization to send, and code to do it. You need to be able to support not just different languages, but different regions with the same language.

Nov 4, 2020

by Sam Richard (1 post) · Website & RSS feed

Categories: Internationalization

What is Eleventy! With David Darnes (Audio)

We’re talking about Eleventy. What is it and how does it fit into your Jamstack workflow? Drew McLellan talks to Renaissance man David Darnes to find out.

Nov 3, 2020

Categories: Why Eleventy?

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

by Tanner Dolby (2 posts) · Website

Categories: Collections

Getting started with Eleventy in 11 minutes

This article will show you how to build a static site in 11 minutes using Eleventy. Tagged with eleventy, staticsite, jamstack, javascript.

Oct 31, 2020

by Luciano Mammino (3 posts) · Website & RSS feed

Categories: Getting Started

Selecting Random Posts in Eleventy

A look at adding links to random pages in Eleventy

Oct 26, 2020

Categories: How to...Filters Configuration

Responsive Images with Eleventy & Sharp

High school student and open source developer.

Oct 23, 2020

by Ryan Cao (3 posts) · Website & RSS feed

Categories: Images How to...

Creating a Sitemap file with Eleventy

This is a quick tip showing how I created a sitemap.xml file using Eleventy that will automatically update itself when you create new pages

Oct 22, 2020

by Juan Fernandes (2 posts) · Website & RSS feed

Categories: How to...

Let's Learn Eleventy (11ty) - Slots, includes and shortcodes

This is the third part of the Let't Learn Eleventy series. We'll learn how to use slots, includes and shortcodes.

Oct 21, 2020

Categories: How to...Shortcodes

Eleventy and Responsive Images

I have created a remark plugin called @fec/remark-images that can be used with Eleventy to automatically generate responsive images.

Oct 12, 2020

by Florian Eckerstorfer (8 posts) · Website & RSS feed

Categories: Images

Why I love 11ty (and JAMstack) for building static sites...

It's been really hard to keep up with web development technologies over the past 10 years 🤔, but here's how 11ty and the JAMstack is helping me build static sites in a modern way. 👍. Tagged with webdev, eleventy, html, jamstack.

Oct 11, 2020

by Tom Anderson (1 post) · Website & RSS feed

Categories: Why Eleventy?

Tips for debugging in 11ty

Some quick debugging tips that I came up with whilst building my personal blog.

Oct 9, 2020

by George Griffiths (1 post) · Website & RSS feed

Categories: Debugging How to...

Converting Behind the Source to 11ty

I spent the week converting Behind the Source from Craft to Eleventy (a static site generator). Will I use it again?

Oct 7, 2020

Categories: Migrating to Eleventy

Setting up Homebrew, NPM and Eleventy on a fresh mac

Walking through setting up Homebrew on your Mac, so you can install NPM and Eleventy.

Oct 5, 2020

Categories: Configuration How to...

@fec/eleventy-plugin-remark v2.0.0 released

I released @fec/eleventy-plugin-remark v2.0.0

Oct 4, 2020

by Florian Eckerstorfer (8 posts) · Website & RSS feed

Categories: Plugins

Tracking Posts by Week in Eleventy

A quick hack to get the number of posts written per week in Eleventy

Sep 30, 2020

Categories: How to...Dates

Manually splitting CSS files in Eleventy

Don't want to use a bundler? Eleventy makes it easy to manually split your CSS.

Sep 28, 2020

Categories: CSS/Sass How to...

Add Netlify Redirects and Headers to an Eleventy Project

What seems like a simple task can be a little tricky to get right with Eleventy. Learn how to add a _redirects file to Eleventy projects deployed with Netlify.

Sep 24, 2020

by Zach Leatherman (38 posts) · Website

Categories: Netlify How to...

Automated Open Graph images with 11ty and Cloudinary

I wanted to find a way to dynamically generate a unique Opengraph images for each blog post automatically using post data, Cloudinary API & Eleventy

Sep 22, 2020

by Juan Fernandes (2 posts) · Website & RSS feed

Categories: Social Media Images How to...

Eleventy and Vue, a match made to power Netlify.com

Learn more about the new Netlify.com site tech stack. We’ve combined Eleventy and Vue, and throughout this article Zach Leatherman explains the details behind the setup.

Sep 18, 2020

Categories: Netlify

Add a generator meta tag to your Eleventy website

A generator meta tag is used to give some credit to the tools you use to build a plain HTML website. Let's give Eleventy some credit. Tagged with eleventy, jamstack, staticsite, javascript.

Sep 17, 2020

by Luciano Mammino (3 posts) · Website & RSS feed

Categories: How to...Configuration

Generate CSV Files from Data with 11ty

Eleventy is one heck of a powerful, incredibly flexible static site generator. This short guide will show you how you can generate CSV data files using Eleventy.

Sep 15, 2020

by Fershad Irani (2 posts) · Website

Categories: How to...

Hooking Up FaunaDB to Eleventy

Father, husband, developer relations and web standards expert, and cat demo builder.

Sep 15, 2020

Categories: Remote Data How to...Pagination

Eleventy Clock

The online journal of Ashur Cabrera.

Sep 6, 2020

Categories: Pagination

Using Eleventy data files for frequently used links

Have a set of frequently referenced links? A global data file can come in handy.

Sep 5, 2020

Categories: Remote Data Global Data Data Cascade

How To Deploy an Eleventy Site to Github Pages with a Custom Domain

Home, home on the web, where the links and the hypertexts play

Sep 5, 2020

by Justus Grunow (2 posts) · Website

Categories: Deployment

Eleventy: RSS Feeds and Front Matter Data

Getting front matter data into my Nunjucks RSS feed templates.

Sep 4, 2020

Categories: Front Matter How to...RSS

Let's Learn Eleventy (11ty) - Collections

This is the second part of the Let't Learn Eleventy series. We'll learn how to use collections.

Sep 3, 2020

Categories: Collections

A high-performance blog template for 11ty

I'm excited to announce the beta-release of eleventy-high-performance-blog–a high-performance blog template for 11ty based on this very...

Sep 1, 2020

by Malte Ubl (2 posts) · Website & RSS feed

Categories: Blogging Performance

Favourite Things 1: GSAP ScrollTrigger, Eleventy, and more

Aug 31, 2020

Categories: Why Eleventy?

Let's Learn Eleventy (11ty) - What is Eleventy?

This is the first part of the Let't Learn Eleventy series. We'll learn what is Eleventy and how to get started with it.

Aug 26, 2020

Categories: Why Eleventy?Getting Started

Supporting Multiple Authors in an Eleventy Blog

How to handle multiple authors in Eleventy, with custom author profile pages.

Aug 24, 2020

Categories: Front Matter How to...Filters Pagination

A Community-Driven Site with Eleventy: Building the Site

In the last article, we learned what goes into planning for a community-driven site. We saw just how many considerations are needed to start accepting user

Aug 20, 2020

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: How to...

A Community-Driven Site with Eleventy: Preparing for Contributions

I've recently found myself reaching for Eleventy (aka 11ty) above all other tools when I want to develop a website. It's hard to beat a static site generator

Aug 19, 2020

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: How to...

Add a Static Directory to an Eleventy Project

Copy static files from a directory into the root of the build directory with Eleventy.

Aug 17, 2020

Categories: How to...

Migrating from Node and Express to the Jamstack - Part 3

Father, husband, developer relations and web standards expert, and cat demo builder.

Aug 16, 2020

Categories: Migrating to Eleventy Serverless How to...Remote Data

Migrating from Node and Express to the Jamstack - Part 2

A look at how you can migrate from Node to the Jamstack - this edition focused on users

Aug 15, 2020

Categories: Serverless Migrating to Eleventy

Switching from WordPress to Eleventy

Aug 10, 2020

by Alex Muraro (1 post) · Website & RSS feed

Categories: Migrating to Eleventy

Hiding Future Content with Eleventy

How to use custom filters and collections to hide Eleventy content for the future.

Aug 7, 2020

Categories: How to...Front Matter Filters Collections

Migrating from Node and Express to the Jamstack - Part 1

A look at how you can migrate from Node to the Jamstack

Aug 6, 2020

Categories: Migrating to Eleventy Global Data Pagination

Building a blog with 11ty and Wordpress

When I decided to move to the Jamstack, I was sure that I wanted to build something with an API and since I'm quite familiar with WordPress and its API that was an easy choice. But what seemed to be an easy task has had its obstacles.

Aug 4, 2020

by Bryan Robinson (15 posts)

Categories: Blogging

Create a Plugin for 11ty (video)

YouTube video

Jul 31, 2020

Categories: Plugins YouTube

How to show your template code in 11ty blog posts

If you write a technical blog and use 11ty as your static site generator of choice you might run into a conundrum: How do you show Liquid or Nunjucks template code in your code blocks.

Jul 31, 2020

Categories: How to...Blogging

How to generate ID attributes in headings using Eleventy

Eleventy doesn't generate heading IDs by default, here's how to do it.

Jul 28, 2020

by Nicholas C. Zakas (2 posts) · Website & RSS feed

Categories: How to...Markdown

Integrating Contentful with Eleventy to create static sites

Want to use a powerful yet simple static site generator? Learn how to integrate 11ty with Contentful — it’s a breeze!

Jul 28, 2020

by Contentful (1 post) · Website

Categories: CMS

Adding Algolia Search to Eleventy and Netlify

How I added Algolia Search to an Eleventy Site

Jul 24, 2020

Categories: Search How to...

Chasing 100: tips for optimizing your website

It takes work, but making your website better is worth it.

Jul 16, 2020

Categories: Performance

From Gatsby to Eleventy: Choosing a Static Site Generator for a Personal Site

Jul 15, 2020

Categories: Migrating to Eleventy

Moving from Panini to Eleventy

Hello. I am Ken Hawkins. Builder of websites, project planner, newspaper nerd, information architect, lover of UX, consultant. Information structure is my thing.

Jul 13, 2020

by Ken Hawkins (3 posts) · Website & RSS feed

Categories: Migrating to Eleventy

How to fix Eleventy's dates being off by one day

Jul 12, 2020

Categories: Dates How to...

An Eleventy Starter with Tailwind CSS and Alpine.js

When I decided to try to base my current personal website on Eleventy, I didn't want to reinvent the wheel: I tested all the Eleventy starters built with

Jul 10, 2020

by Greg Wolanski (1 post) · Website & RSS feed

Categories: CSS/Sass

Adding Algolia Search to Eleventy and Netlify - Part Two

An update to my post on using Algolia with Eleventy

Jul 1, 2020

Categories: Search How to...

Moving from WordPress to Eleventy

Some thoughts and findings from my first forays converting a WordPress blog into a static site with 11ty (coincidentally split into 11 sections 👀).

Jun 30, 2020

by Matt Northam (1 post) · Website & RSS feed

Categories: Migrating to Eleventy

Building and maintaining components from utility classes in Eleventy

Use a collection of utilities to form components without additional CSS.

Jun 29, 2020

by Christopher Kirk-Nielsen (9 posts) · Website & RSS feed

Categories: How to...CSS/Sass

Your blog doesn’t need a JavaScript framework

Why I choose Eleventy over Gatsby for my new website

Jun 21, 2020

by Iain Bean (2 posts) · Website & RSS feed

Categories: Why Eleventy?

Moving from Jekyll to Eleventy

Moving a blog-centric site from Ruby-based Jekyll to Javascript-based Eleventy.

Jun 19, 2020

by Alex Pearce (1 post) · Website & RSS feed

Categories: Migrating to Eleventy

Eleventy: Debugging

I belatedly figure out how to get debug output in Eleventy.

Jun 17, 2020

Categories: Debugging

Eleventy — Using A Layout As A Partial (The Most Useful Things...)

Jun 8, 2020

by Deniz Akşimşek (1 post) · Website & RSS feed

Categories: How to...

Performant data fetching with promises and Eleventy

Fetching a whole bunch of data from APIs at build time can be an intensive process. Getting that data in a performant way and caching it locally is an important part of Jamstack projects.

Jun 8, 2020

Categories: Remote Data

How to set up a blog with Eleventy

Jun 6, 2020

Categories: Blogging How to...

How to add a sitemap to Eleventy

Jun 2, 2020

Categories: How to...

Jekyll vs Hugo vs Gatsby vs Next vs Zola vs Eleventy

Jun 1, 2020

Categories: Why Eleventy?

Climbing the 11ty Performance leaderboard with Cloudinary, critical CSS and more

A few weeks ago, Zach Leatherman announced that he was going to change the Built with 11ty section 11ty's documentation. He was going to create a performance leaderboard to showcase performant projects using the tool. I wanted my site to break into the top 100!

May 25, 2020

Categories: How to...CSS/Sass

Testing my Eleventy-website with Cypress and Netlify

Last time I wrote "this page is a repository consisting of some thrown-together and latenight-written code". Some tests should ensure that I don't break to much when I'm, cleaning up the code. Here's how I created a basic setup that runs my tests before every deployment.

May 25, 2020

Categories: How to...Deployment Netlify

Integrating Google Analytics with Eleventy

How to use Google Analytics with Eleventy

May 21, 2020

Categories: How to...Remote Data

Eleventy: Loop through a collection from within a layout?

I have a home page which is made up of sections. Each section is currently pulled into my index.html... Tagged with eleventy, help.

May 20, 2020

by Grant Smith (1 post) · Website & RSS feed

Categories: How to...Collections

Integrating Netlify Analytics and Eleventy

How to use Netlify's Analytics API in Eleventy

May 18, 2020

by Heydon Pickering (3 posts) · Website

Categories: How to...Remote Data

Easily Use Design Tokens In Eleventy

May 16, 2020

Categories: Global Data

Architecting data in Eleventy

Setting and using data in the static site generator Eleventy

May 15, 2020

Categories: Data Cascade

Goodby Sapper, Hello Eleventy!

Sometimes things change fast: Just about two months after I launched this website with the SSR-Framework Sapper I'm replacing it with a site that is generated with the static site generator Eleventy. Let me explain.

May 13, 2020

by Mark van Seventer (2 posts) · Website

Categories: Migrating to Eleventy

Logging with Eleventy and Nunjucks

Adding a simple filter to save you a lot of grief.

May 12, 2020

by Sean McPherson (2 posts) · Website & RSS feed

Categories: Debugging How to...

Static Site Generators: Eleventy and webpack (Part 2)

My personal website.

May 9, 2020

Categories: Migrating to Eleventy

Going solo with Eleventy

Losing webpack, regaining Tailwind CSS.

May 9, 2020

Categories: Why Eleventy?

In this tutorial, we'll set up a simple navigation, identify what page navigation item we need to activate based on URL parts and add an active class to that element with no need of an if tag

May 6, 2020

Categories: How to...

Building a Static API with Eleventy

Implement a Static API using the simple and fast static site generator, Eleventy.

May 6, 2020

Categories: How to...

Ignore _site Build Directory in Eleventy

How to ignore the build output when adding it to gitignore causes problems.

May 4, 2020

Categories: How to...

Moving From Ghost to Eleventy

Ramblings on bacon, drawing, and technology

Apr 29, 2020

by David Neal (2 posts) · Website & RSS feed

Categories: Migrating to Eleventy

How to Include PrismJS CSS Only When Required In Eleventy

How I set up Eleventy to avoid including unnecessary CSS.

Apr 29, 2020

Categories: CSS/Sass How to...

Webmentions in three SSGs: Part 1

The intro to a five-part series about incorporating webmentions into three different static site generators (SSGs).

Apr 28, 2020

by Heydon Pickering (3 posts) · Website

Categories: How to...Webmentions

Embed Everything

I recently released a plugin for quickly embedding media in Eleventy sites. I think it has potential!

Apr 28, 2020

by Graham F. Scott (3 posts) · Website & RSS feed

Categories: How to...Plugins

From Wordpress To Eleventy With Ease

Apr 20, 2020

Categories: Migrating to Eleventy

Eleventy Résumé Builder

A free template to generate semantic, accessible & resilient résumés for the web and print.

Apr 18, 2020

Categories: How to...

Eleventy static-site generator: Making Liquid play nice with dates

Home, home on the web, where the links and the hypertexts play

Apr 16, 2020

by Justus Grunow (2 posts) · Website

Categories: Dates

The full .11ty.js monty

Going all-JavaScript with my Eleventy site.

Apr 15, 2020

by Heydon Pickering (3 posts) · Website

Categories: How to...

The Random Link In The Age Of Static Sites

Apr 10, 2020

Categories: How to...

web.dev engineering blog #1: How we build the site and use Web Components

In this first post from the web.dev engineering team, learn about how we build the site—including our use of Eleventy and Web Components.

Apr 9, 2020

by Sam Thorogood (1 post) · Website

Categories: How to...

Let’s Learn Eleventy! Boost your Jamstack skills with 11ty

Check this tutorial out to see what the static site generator Eleventy can do. Spin up a fast, performant Jamstack site in this quick overview and tutorial from Learn With Jason.

Apr 9, 2020

by Jason Lengstorf (1 post) · Website

Categories: Getting Started

Quick Tip on Using Vue with Eleventy

Avoid issues with Vue code being confused for Liquid

Apr 3, 2020

by Khalid Abuhakmeh (3 posts) · Website

Categories: How to...

Five Critical Things To Do Before Working With 11ty

Five pieces of knowledge I wish I knew before working with 11ty, the JavaScript-based static site generator. Get a jump start using this fantastic tool.

Apr 2, 2020

Categories: Configuration Data Cascade Filters Getting Started

Creating a similar post component with Eleventy

How I added a similar post component to my blog with Eleventy and Liquid.

Apr 1, 2020

by Sarah L. Fossheim (1 post) · Website & RSS feed

Categories: How to...

Creating an Editable Site with Google Sheets and Eleventy

Remember Tabletop.js? We just covered it a little bit ago in this same exact context: building editable websites. It’s a tool that turns a Google Sheet into

Mar 27, 2020

by David Atanda (2 posts) · Website & RSS feed

Categories: How to...Remote Data

Building a website with a static site generator, part 3: Domain, Analytics and Forms

Once your website is up and running, it's time to get a professional looking domain, think about analytics and collect data with forms.

Mar 25, 2020

by Juha-Matti Santala (13 posts) · Website & RSS feed

Categories: Getting Started Blogging Configuration

Back to Nunjucks for my Eleventy site

Why I’ve decided for now to backtrack from JavaScript-only templating in Eleventy.

Mar 22, 2020

Categories: Nunjucks/Macros

The Emergency Website Kit

In cases of emergency, many organizations need a quick way to publish critical information. But existing (CMS) websites are often unable to handle sudden spikes in traffic.

Mar 22, 2020

Categories: How to...Why Eleventy?

Building a website with a static site generator, part 2: Eleventy

In this post, we're gonna take a deeper look into Eleventy which takes care of building the website by combining layout templates with blog post data from Markdown files.

Mar 18, 2020

by Juha-Matti Santala (13 posts) · Website & RSS feed

Categories: Getting Started Global Data Layouts Blogging

Eleventy's New Performance Leaderboard

A post by Zach Leatherman (zachleat)

Mar 17, 2020

Categories: Performance

Moving this blog from Jekyll to 11ty

A couple of gotchas but mostly very straightforward

Mar 15, 2020

by Ian Feather (1 post) · Website & RSS feed

Categories: Migrating to Eleventy Blogging

Building a website with a static site generator, part 1: Setup

In this blog series, we will build a static website using Eleventy, NetlifyCMS, GitHub and Netlify. In the first post, we set everything up and deploy a template page to make sure everything works.

Mar 11, 2020

by Juha-Matti Santala (13 posts) · Website & RSS feed

Categories: Getting Started Deployment CMS Blogging

How my site is built with Eleventy + Ghost

This website is run with Eleventy, using Markdown and Ghost CMS for blog posts. I've iterated in a couple of ways to build the CMS integration.

Mar 6, 2020

by Juha-Matti Santala (13 posts) · Website & RSS feed

Categories: CMS How to...

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

Twitter Cards with Nunjucks and 11ty

Using cards makes sharing your content on Twitter look much nicer.

Feb 28, 2020

by Tom Hazledine (3 posts) · Website & RSS feed

Categories: Nunjucks/Macros Social Media How to...

Making a Real Bonafide Plugin for 11ty

Feb 28, 2020

by Timothy Miller (3 posts) · Website & RSS feed

Categories: How to...Plugins Shortcodes

RaymondCamden.com now powered by Eleventy!

Details on my migration to Eleventy

Feb 27, 2020

Add pagination for dynamic data in Eleventy

Creating pagination from dynamic data and add a useful navigation bar. Tagged with eleventy, javascript, blog, tutorial.

Feb 24, 2020

by Josef Biehler (1 post) · Website & RSS feed

Categories: Pagination How to...

Own Your Own Feedbin Data with 11ty

Feb 21, 2020

by Timothy Miller (3 posts) · Website & RSS feed

Categories: How to...Remote Data RSS

Adding Another Template Language to Eleventy

Father, husband, developer relations and web standards expert, and cat demo builder.

Feb 19, 2020

Categories: Configuration How to...

Adding Text Linting to Eleventy

An example of using Eleventy's Linter feature

Feb 10, 2020

Categories: How to...Plugins

Taking WordPress to Eleventy

How I converted 12 years of posts in WordPress to an Eleventy static site ... and loved every minute of it.

Feb 9, 2020

by Josh Cunningham (2 posts) · Website & RSS feed

Categories: Migrating to Eleventy

Checking (and Upgrading) Template Engines in Eleventy

How to check the version of embedded template engines in Eleventy

Feb 7, 2020

Categories: How to...Configuration Filters

Adding a Last Edited Field to Eleventy

How to add a "Last Edited" value to Eleventy pages.

Feb 6, 2020

Categories: How to...Collections Configuration Dates

Eleventy Walkthrough

Feb 1, 2020

by Reg Hunt (1 post) · Website

Categories: Getting Started

Static site generators: Hugo vs Jekyll vs Gatsby vs 11ty

I have an obsession with SSGs, and Eleventy is my favourite (even better than Hugo, Jekyll, and Gatsby).

Jan 31, 2020

by Tom Hazledine (3 posts) · Website & RSS feed

Categories: Why Eleventy?

Teaching in the open: Eleventy

Content Management Systems and structured data are part of my teaching duties. From the get go, I decided to cover both a database-driven CMS and a Static Site Generator. As far as the latter goes, I switched from Jekyll to Eleventy this year.

Jan 16, 2020

by Zach Leatherman (38 posts)

Categories: Getting Started

Let’s Learn Eleventy!

YouTube video

Jan 8, 2020

Categories: Getting Started YouTube

Eleventail - A helper for Taiwindcss

Phil Hawksworth's home on the web. Read his blog, ask questions, and find coverage of his recent conference talks about web development.

Jan 2, 2020

by Mark van Seventer (2 posts) · Website

Categories: How to...CSS/Sass

2019

Static Site Generators: from Hugo to Eleventy and Parcel

My personal website.

Dec 22, 2019

Categories: Migrating to Eleventy

Code comfort: Eleventy and webpack

Some words about my Eleventy/webpack configuration.

Dec 14, 2019

Categories: How to...Configuration

Show conditional Twitter intents with Eleventy

Encourage users to retweet or share a post based on whether a Tweet already exists for your blog post.

Nov 26, 2019

Categories: Social Media

Fractal and Eleventy: Getting static sites closer to the design system

Hello. I am Ken Hawkins. Builder of websites, project planner, newspaper nerd, information architect, lover of UX, consultant. Information structure is my thing.

Nov 12, 2019

by Ken Hawkins (3 posts) · Website & RSS feed

Categories: How to...

Integrating Eleventy with gulp, upstream JS

Hello. I am Ken Hawkins. Builder of websites, project planner, newspaper nerd, information architect, lover of UX, consultant. Information structure is my thing.

Oct 21, 2019

by Ken Hawkins (3 posts) · Website & RSS feed

Categories: How to...

Adding Search to your Eleventy Static Site with Lunr

Using Lunr to add client-site search to your static site

Oct 20, 2019

Categories: Search Collections Configuration

Migrating from WordPress to Eleventy

Author: Ed Spencer, Article: Migrating from WordPress to Eleventy

Oct 16, 2019

by Ed Spencer (1 post) · Website & RSS feed

Categories: Migrating to Eleventy

Why I'm Digging Eleventy

Father, husband, developer relations and web standards expert, and cat demo builder.

Oct 12, 2019

Categories: Why Eleventy?Pagination

Language switcher for multilingual JAMstack sites

Following my blogpost on multilingual websites with Eleventy, I had several questions about how to build a language switcher. Here is the approach I generally use.

Sep 12, 2019

Categories: Internationalization How to...

Why I left Hugo for Eleventy

Only weeks after telling you I was sticking with Hugo, I switch to Eleventy: the whys and wherefores.

Sep 8, 2019

What I Like About Eleventy

Over the last month so, I’ve been working with Dr. Julian Jones to port some design system projects from Jekyll over to Eleventy, the feral possum of static site generators. Why undertake a whole replatforming initiative? Well, there were two primary issues we were trying to solve:

Aug 19, 2019

by Dave Rupert (1 post) · Website & RSS feed

Categories: Why Eleventy?

Consuming a headless CMS GraphQL API with Eleventy

With Eleventy, consuming data coming from a GraphQL API to generate static pages is as straightforward as using Markdown files.

Aug 17, 2019

Categories: CMS

Eleventy and Ghost

We’ve expanded our headless starter repositories with Eleventy – a popular JAMstack static site generator that can be used with Ghost as a Headless CMS! 👩‍💻

Aug 7, 2019

by Ghost (1 post) · Website

Categories: CMS

Tips for rolling your own lazy loading

You may have heard (or even issued the call) that “we can just use lazy loading!” when looking for a way to slim down a particularly heavy web page.

Jul 15, 2019

Categories: Images How to...

Creating an 11ty Plugin - SVG Embed Tool

In the sites I’ve built with Eleventy (11ty) recently, I’ve found myself reusing a couple filters. This has involved me copying and pasting the code a lot. The solution? Create an 11ty Plugin.

Jun 21, 2019

Categories: Plugins How to...

Scheduled and draft 11ty posts

This post explains how you can add scheduled publishing to your 11ty blog (with a bonus for drafts). Before I jump in though, 11ty is a surprisingly simple sys…

Jun 19, 2019

by Remy Sharp (2 posts) · Website & RSS feed

Categories: Collections Filters How to...Drafts Scheduling

Create an Eleventy (11ty) theme based on a free HTML template

In this video series, we'll take a look at what it takes to start with a free HTML template found on Google and convert it for use with a static site generator (SSG). We'll be using my personal favorite SSG 11ty (EleventyJS).

May 31, 2019

Categories: How to...YouTube

Use Eleventy to generate a Ghost blog

Last night I had a thought: What if I could source a Ghost blog from the Ghost Content API and then generate a static blog all inside of Eleventy?

May 31, 2019

Categories: CMS

Using eleventy

May 1, 2019

Categories: Deployment Markdown Plugins Why Eleventy?

Multilingual sites with Eleventy

Eleventy might not have multilingual and localisation capabilities out of the box, but you can build a pretty good setup using global data files, collections and Nunjucks as a templating language.

Apr 27, 2019

by Philip Borenstein (2 posts) · Website

Categories: Images How to...

Implementing categories

Jan 20, 2019

Categories: Collections

Working with collections

Jan 15, 2019

by Philip Borenstein (2 posts) · Website

Categories: Collections

Using Webmentions in Eleventy

How to pull interactions from social media platforms like Twitter back to your own site, using Webmentions, webmention.io and Bridgy.

Jan 10, 2019

by Zach Leatherman (38 posts) · Website

Categories: How to...Webmentions

Deploying an 11ty Site to GitHub Pages

I am building a new personal site. The idea behind it is pretty simple: it’s a blog that will have a total of 50 pages added to it over 5 years. Not much content and not much complexity. I deba...

Jan 6, 2019

by Jonathan Snook (2 posts) · Website & RSS feed

Categories: Deployment How to...

2018

Build your own Blog from Scratch using Eleventy

Filament Group helps companies design and build super-fast responsive sites and web apps that are simple to use and accessible to everyone

Dec 26, 2018

Categories: Blogging Getting Started

Keeping Sass Simple and Speedy

Optimising your local development pipleine, for faster Eleventy Sass compilation

Dec 12, 2018

Categories: CSS/Sass

Adding search to a Jamstack site

Using progressive enhancement, JavaScript and a static site generator to create site search facility.

Oct 18, 2018