1,035 Blog Posts
The Firehose has it's own RSS feed!
2024
Thirteenth place on Eleventy Leaderboards
My site got to thirteenth place on Eleventy Leaderboards with perfect Lighthouse scores.
Silvestar Bistrović · Mar 27, 2024
Categories: How to...Performance
Eleventy Navigation Set URL to First Item in Collection
John M. Wargo · Mar 24, 2024
Categories: CollectionsData CascadeNavigation
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!
Chris Burnell · Mar 24, 2024
Categories: Asset PipelinesHow to...PerformancePlugins
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 […]
Silvestar Bistrović · Mar 22, 2024
Categories: CMSHow to...NetlifyRemote DataServerless
Webmentions Web Component
I got overwhelmed by build steps and decided to fetch my webmentions through a web component.
Troy V · Mar 22, 2024
Categories: How to...Webmentions
Creating a Reading List with Eleventy and Omnivore
Tom Doe · Mar 20, 2024
Categories: DeploymentHow to...PluginsRemote Data
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.
Cory Dransfeldt · Mar 18, 2024
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.
John M. Wargo · Mar 18, 2024
Categories: BloggingFront MatterHow to...
11ty collections tag links
How to add tags with links to hub topic pages in 11ty
Simon Cox · Mar 17, 2024
Categories: CollectionsHow 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!
Marc Littlemore · Mar 17, 2024
Categories: BloggingDeploymentHow to...Netlify
Eleventy excerpts
Everybody seems to implement their own way of generating post excerpts in Eleventy, and here's mine.
Martin Gunnarsson · Mar 15, 2024
We Need to Talk About Your Eleventy Post Dates
Almost everyone using Eleventy is using blog post dates wrong
Robb Knight · Mar 14, 2024
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!
Nathaniel Daught · Mar 14, 2024
Categories: BloggingGetting StartedMigrating 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.
Jordan Kohl · Mar 13, 2024
Categories: BloggingCollectionsDatesHow 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.
Martin Gunnarsson · Mar 13, 2024
Categories: ConfigurationHow 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.
Chris McLeod · Mar 13, 2024
Categories: ImagesPerformance
How I Eleventy
Documenting a refactor that introduced a folder structure and configuration changes, which summarises how I Eleventy.
Declan Byrd · Mar 13, 2024
Categories: ConfigurationHow to...LayoutsMarkdownPermalinksShortcodes
I archived my tweets
Thoughts on archiving and restoration as it relates to my Twitter feed.
Lynn Fisher · Mar 11, 2024
Categories: BloggingMarkdownSocial Media
Using an Eleventy event to optimize component JavaScrip
I've added a small event to optimize web component JavaScript when my site builds.
Cory Dransfeldt · Mar 10, 2024
Categories: Asset PipelinesHow 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.
Cory Dransfeldt · Mar 9, 2024
Categories: CollectionsFiltersHow to...
Adding inline SVGs to Eleventy.js
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
Jordan Kohl · Mar 3, 2024
Categories: How to...ImagesConfiguration
Eleventy: pathPrefix and GitHub Pages
Quick step-by-step recipe on how to deploy Eleventy site inside a subdirectory.
Łukasz Wójcik · Mar 3, 2024
Categories: ConfigurationDebuggingDeployment
My Eleventy site setup
anh · Mar 3, 2024
Categories: BloggingCollectionsFront MatterGetting StartedGlobal DataShortcodes
Version 3
I'll show you the true power of being third!
Devin Haska · Mar 2, 2024
Categories: CSS/SassData CascadeGlobal DataMigrating to EleventyWhy Eleventy?
Eleventy - Group posts by year
Let's create a blog with posts grouped by year in descending order. This is actually tricky to pull off!
Rob O'Leary · Mar 1, 2024
Categories: BloggingCollectionsConfigurationDatesHow to...
Building My Comics Page
How I built my comics page using League of Comic Geeks, a NodeJS module and Eleventy.
fLaMEd · 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 pricing made...
Jonas Brusman · Feb 29, 2024
Categories: DeploymentHow 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?
Ryan Gittings · Feb 29, 2024
Categories: How to...PerformanceWebC
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
Piper Haywood · Feb 28, 2024
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.
Juha-Matti Santala · Feb 28, 2024
Categories: How to...SearchWebmentions
Elevating Video Transcripts as Searchable Content
A post by Zach Leatherman (zachleat)
Zach Leatherman · Feb 27, 2024
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
Grigør · Feb 27, 2024
Categories: BloggingCollectionsFront MatterRSSSocial 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.
Tobias Fedder · Feb 26, 2024
Categories: ConfigurationHow 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.
Juha-Matti Santala · Feb 26, 2024
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.
Ryan Gittings · Feb 24, 2024
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.
Łukasz Wójcik · Feb 23, 2024
Categories: ConfigurationFiltersHow to...
Eight Million NPM Downloads!
Eight Million npm Downloads! — Eleventy
11ty · Feb 23, 2024
Categories: Social Media
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.
Cory Dransfeldt · Feb 22, 2024
Categories: How to...Now PageRemote Data
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
Robb Knight · Feb 21, 2024
Categories: BloggingGlobal DataHow to...Remote DataSocial 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.
Cory Dransfeldt · Feb 21, 2024
Categories: Remote DataHow to...Now Page
Refactor by shortcode
I decided to take on some overdue refactoring of the 11tybundle.dev site. Here's what I did.
Bob Monsour · Feb 20, 2024
Categories: FiltersHow to...Nunjucks/MacrosShortcodes
Using Eleventy to Gobble Up Everything I Do Online
YouTube video
Robb Knight · Feb 20, 2024
Categories: How to...Remote DataSocial MediaWebmentionsYouTube
Building a meetup community site using Global Data Files
YouTube video
Juha-Matti Santala · Feb 20, 2024
Categories: CMSGlobal DataHow 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.
Cory Dransfeldt · Feb 20, 2024
Categories: DeploymentSocial MediaWebmentions
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.
Cory Dransfeldt · Feb 19, 2024
Categories: Data CascadeGlobal DataHow 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.
Florian Eckerstorfer · Feb 18, 2024
Categories: Asset PipelinesHow to...Plugins
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.
Rob O'Leary · Feb 15, 2024
Categories: ConfigurationData CascadeDeploymentImages
Local links in Eleventy, Part 2
Eleventy now support automatic transforms from local paths to output URLs right out of the box.
Martin Gunnarsson · Feb 14, 2024
Setting up image transforms in Eleventy
I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 4 rescue dogs, technology, automation, music, writing, reading and tv and movies.
Cory Dransfeldt · Feb 14, 2024
Adding TypeScript, Tooling, and JSX to Eleventy - Strongly Hyped
YouTube video
Strongly Hyped · Feb 14, 2024
Eleventy 🤝 Immich
HOW DO YOU DO, PLEASE STATE YOUR PROBLEM _
Chris Burgess · Feb 12, 2024
Categories: CollectionsHow to...ImagesPlugins
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.
Jaden Baptista · Feb 12, 2024
Categories: ConfigurationHow to...Search
11ty RSS Activepieces
A look at enhancing 11ty POSSE with RSS 2.0, Open Graph, and Activepieces
Jay Cuthrell · Feb 11, 2024
Categories: RSSSocial Media
CSS { In Real Life } | Eleventy Starter Project Updates
Michelle Barker · Feb 11, 2024
Categories: Getting StartedWhy 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.
Estela Franco · Feb 8, 2024
Categories: CMSConfigurationGlobal DataHow to...
Building an 11ty plugin to output the transcription of a YouTube Video - Zach and Mike
YouTube video
CloudCannon · Feb 8, 2024
Webmentions and 11ty
Getting webmentions up and running on 11ty
Jason Moser · Feb 8, 2024
Categories: How to...Remote DataWebmentions
Lessons Learned Moving Eleventy form CommonJS to ESM
A post by Zach Leatherman (zachleat)
Zach Leatherman · Feb 7, 2024
Categories: ConfigurationHow to...Plugins
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.
Rob O'Leary · Feb 7, 2024
Categories: FiltersGlobal DataLayoutsRemote 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.
John M. Wargo · Feb 6, 2024
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.
Cory Dransfeldt · Feb 5, 2024
Categories: How to...ImagesWebmentions
Eleventy Filter to Turn a URL Into a Domain Name
ZOMG I made my first 11ty filter!
Marcel Appleman · Jan 31, 2024
Slashing by caching
I've reduced the build time for the 11ty Bundle site from 30 seconds to 10 seconds. Here's how.
Bob Monsour · Jan 31, 2024
Categories: FiltersHow to...Performance
The Good, the Bad, the Web Components
A post by Zach Leatherman (zachleat)
Zach Leatherman · 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.
Nikita Dubko · Jan 30, 2024
Categories: ConfigurationHow to...Nunjucks/Macros
We're Running an 11ty Conference
We’re running an 11ty Conference! — Eleventy
11ty · 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.
Jaimie McMahon · Jan 30, 2024
Categories: ConfigurationGetting StartedLayouts
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.
Rob O'Leary · Jan 27, 2024
Categories: ConfigurationHow to...
Low-tech Eleventy Categories
Andy Bell · Jan 26, 2024
Categories: CollectionsConfigurationHow to...LayoutsPagination
Why I Migrated My Newsletter From Substack to Eleventy and Buttondown
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…
Richard MacManus · Jan 26, 2024
Categories: Migrating to EleventyWhy Eleventy?
💻 Emoji URLs and 11ty Webmentions
Not letting emojis drop mentions on the floor
Jeff Sheets · 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.
Juha-Matti Santala · Jan 24, 2024
Categories: Data CascadeFiltersGlobal DataHow 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?
Rob O'Leary · Jan 24, 2024
Categories: ConfigurationGlobal DataHow 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.
S. Amir Mohammad Najafi · Jan 24, 2024
Categories: ConfigurationGetting StartedPerformance
Performance Tales, Part 1: Why So Performant?
High school student and open source developer.
Ryan Cao · Jan 22, 2024
Categories: Performance
Automated weekly links posts with raindrop.io and Eleventy
Sophie Koonin · Jan 22, 2024
Categories: DatesFiltersHow to...MarkdownRemote Data
Track and display uptime of your blog
This article is about: How you can track and display the uptime of your eleventy-page using Uptime Kuma
David Moll · Jan 21, 2024
Categories: DeploymentHow to...PerformanceRemote Data
Creating an OPML File for my Blogroll
How I'm creating OPML files for my blog, and pod, rolls so people can subscribe to all of the sites in one go
Robb Knight · Jan 21, 2024
Categories: BloggingData CascadeDatesHow 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.
Chris McLeod · Jan 21, 2024
Categories: How to...Webmentions
Buttondown with 11ty on Netlify with GitHub
A look at how Fudge Sunday 🤔💡🤯🤓 newsletter gets made each week
Jay Cuthrell · Jan 21, 2024
Categories: DeploymentHow 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.
David Eastman · Jan 20, 2024
Categories: CollectionsConfigurationLayouts
How I deploy my Eleventy site to Neocities
Sophie Koonin · Jan 20, 2024
Categories: DeploymentHow to...
Sending webmentions from a static site
Sophie Koonin · 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.
Eystein Mack Alnaes · Jan 17, 2024
Categories: How to...ImagesPerformancePlugins
From Figma to Browser with Eleventy (Part 3)
YouTube video
thoughtbot · Jan 17, 2024
Categories: Getting StartedHow to...YouTube
addRemoteData
An Eleventy plugin for fetching remote data and exposing the response as a global data variable.
Ashur Cabrera · Jan 16, 2024
Categories: PluginsRemote Data
Fetching Package Dependents from GitHub
Using linkedom to grab all repositories that are depending on my post graph plugin
Robb Knight · Jan 16, 2024
Categories: Global DataHow to...Plugins
Added Monthly Posts Heatmap To The Site
I added a Posts per Month heatmap to the site's Statistics page today.
John M. Wargo · Jan 15, 2024
Categories: Plugins
Cloudflare Pages Cron Deploys
Scheduling static site deploys daily
Jeff Sheets · Jan 15, 2024
Categories: BloggingDeploymentRemote DataWebmentions
How to automatically generate a new boilerplate-post with inquirer
This article is about: How I automated the creation of the boilerplate with frontmatter
David Moll · Jan 15, 2024
Categories: BloggingFront MatterHow to...
How to host a 11ty-site on a Raspberry Pi
This article is about: How I am hosting my blog on a Raspberry Pi for almost no money
David Moll · Jan 14, 2024
Categories: BloggingDeploymentHow to...
Pokédex Plugin for Eleventy
Plugin to add a Pokédex to your Eleventy website
Florian Eckerstorfer · Jan 14, 2024
Categories: Plugins
Cloudflare _redirects
Keeping old paths alive on the new site
Jeff Sheets · Jan 14, 2024
Categories: ConfigurationDeploymentHow 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.
David Eastman · Jan 13, 2024
Categories: Getting Started
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.
Bob Monsour · Jan 13, 2024
Categories: FiltersGlobal DataHow to...Social MediaWebmentions
Adding Decap CMS to 11ty
One person is typing.
Cassey Lottman · Jan 13, 2024
Categories: BloggingCMSConfigurationHow to...Plugins
Frontmatter Templates for New Blog Posts
In VS Code, using Snippets
Cassey Lottman · Jan 13, 2024
Categories: BloggingFront 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.
fLaMEd · Jan 12, 2024
Categories: ConfigurationDeploymentFront MatterHow to...Pagination
Updated Eleventy Future Post Plugin
John M. Wargo · Jan 11, 2024
Categories: ConfigurationGlobal DataPlugins
Detecting Markdown titles with Eleventy
Lewis Dale · Jan 10, 2024
Categories: Front MatterHow to...Markdown
Link blogging using Readwise Reader
How I use Readwise Reader to post and share links.
Cory Dransfeldt · Jan 10, 2024
Categories: BloggingHow to...Remote Data
Hiding Future Posts in Eleventy
Describes how to hide posts with a future publishing date in an Eleventy site.
John M. Wargo · Jan 10, 2024
Categories: BloggingConfigurationGlobal DataHow 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.
Chris McLeod · Jan 7, 2024
Right here, right now
A brief explanation of the way I built the "Right now" box on my homepage.
Martin Gunnarsson · Jan 7, 2024
Categories: CollectionsData CascadeDatesHow to...Now Page
My Journey with 11ty and Tailwind CSS: Building a Personal Website
Dipesh Kumar · Jan 7, 2024
Categories: CSS/SassWhy Eleventy?
My 11ty Plugins
A list of plugins that I have written for the eleventy static site generator.
Simon Dann · Jan 5, 2024
Eleventy Resume Builder
Gurpreet Singh · Jan 5, 2024
Categories: Getting StartedHow to...Why Eleventy?
Eleventy Photo Gallery
I design and build websites, web applications, and data visualizations. I’ve been known to play fiddle from time to time and board games.
Evan Sheehan · Jan 5, 2024
Categories: ConfigurationHow to...ImagesLayoutsImage Galleries
Creating a complete RSS feed
This article is about: How I created a complete RSS-Feed
David Moll · Jan 5, 2024
A bit of a summary of the build of this site and how it works
Tim Klapdor · Jan 5, 2024
Categories: BloggingGetting StartedPlugins
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.
Tobias Fedder · Jan 5, 2024
Categories: ConfigurationHow 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.
Jeremy Daly · Jan 5, 2024
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.
Moritz Giessmann · Jan 4, 2024
Categories: DeploymentHow 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.
Steve Abraham · Jan 4, 2024
Categories: CMSWhy Eleventy?
2023
Building robots.txt from a simple API endpoint
The online journal of Ashur Cabrera.
Ashur Cabrera · Dec 31, 2023
Categories: ConfigurationHow to...Remote Data
Deploying my website
From running my website for myself on my machine to hosting it publicly for everyone.
Tobias Fedder · Dec 30, 2023
Categories: DatesDeployment
Automatic pre-processing of post images in Eleventy
A brief description of how I set up automatic image scaling in Eleventy.
Martin Gunnarsson · Dec 29, 2023
Categories: ConfigurationHow to...ImagesPlugins
Eleventy File List Plugin
Describes an Eleventy plugin I created that enables a site to display a list of downloadable files.
John M. Wargo · Dec 27, 2023
Customizing external links with Eleventy
How to modify external links by post-processing HTML in Eleventy.
Martin Gunnarsson · Dec 26, 2023
Another Approach to Webmentions in Eleventy
A quick and dirty way of using Eleventy Fetch and Liquid to display webmentions on your site.
Michael Bishop · Dec 26, 2023
Categories: How to...Webmentions
LastFM Recently Played with Eleventy
How I'm using Eleventy Fetch to display my recently played tracks from LastFM.
Michael Bishop · Dec 26, 2023
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
Robb Knight · Dec 24, 2023
Categories: ConfigurationHow to...ImagesLayoutsSocial 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.
John M. Wargo · 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.
John M. Wargo · 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!
Kilian Finger · Dec 23, 2023
Categories: ConfigurationPluginsSocial 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.
Tobias Fedder · Dec 23, 2023
Categories: BloggingCollectionsConfigurationInternationalizationLayouts
Building a multi-language Taylor Swift Fan Site with CloudCannon and Eleventy (Zach's version)
A post by Zach Leatherman (zachleat)
Zach Leatherman · Dec 22, 2023
Categories: CMSHow to...InternationalizationPluginsYouTube
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.
John M. Wargo · 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.
Simon Dann · Dec 20, 2023
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.
James Doc · Dec 19, 2023
Categories: Data CascadeDatesFilters
Eleventy Post Graph Plugin
Generate Github-style post distribution graph for your blog posts in Eleventy
Robb Knight · Dec 19, 2023
Eleventy v3 with ESM support now on the Canary channel
A post by Zach Leatherman (zachleat)
Zach Leatherman · Dec 18, 2023
Categories: ConfigurationDeploymentMigrating to Eleventy
Maintaining working local links in Eleventy
How to keep links between Markdown files working both locally and on your Eleventy site.
Martin Gunnarsson · Dec 18, 2023
Categories: ConfigurationMarkdown
Migrating my site from NextJS to Eleventy
I recently migrated my website from NextJS to Eleventy.
Sandro Roth · Dec 17, 2023
Categories: Migrating to EleventyWebCWhy Eleventy?
Generating Open Graph Images in Eleventy
I added the og:media image tags yesterday, and the approach seems to work, so I'm going to share it in this post.
nonnullish · Dec 17, 2023
Categories: FiltersHow to...ImagesSocial Media
Calling All Courageous Canary Testers for Eleventy 3.0
Calling all courageous canary testers for Eleventy v3.0 — Eleventy
11ty · Dec 17, 2023
Categories: Why Eleventy?
Syntax highlighting code in Eleventy posts
A quick tutorial about how to enable syntax highlighting of code blocks in Eleventy posts
Martin Gunnarsson · Dec 16, 2023
Eleventy brings me joy
Ramblings about how and why I re-wrote this site completely soon after I first published it
Martin Gunnarsson · Dec 14, 2023
Categories: Why Eleventy?
More Easily Use Design Tokens in Eleventy
Jan De Wilde, designer and web developer
Jan De Wilde · Dec 12, 2023
Let’s create a microblog with visual editing using Bookshop and Eleventy
Visual editing is table stakes for a modern content management workflow.
Zach Leatherman · Dec 7, 2023
Categories: BloggingCMSCSS/SassConfigurationHow to...
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.
Bob Monsour · Dec 6, 2023
Implementing a Figma design in Eleventy (Part 2)
YouTube video
thoughtbot · Dec 6, 2023
Categories: Getting StartedHow 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.
Cory Dransfeldt · Dec 5, 2023
Categories: Data CascadeGlobal DataHow to...Remote Data
Let's update the 11ty Edge Dark Mode Toggle
Using navigator.sendBeacon to toggle dark mode with 11ty Edge functions and Netlify
Ginger · Nov 30, 2023
Categories: Edge FunctionsHow to...
Live Editing an Eleventy Project in CloudCannon with Bookshop
YouTube video
CloudCannon · Nov 30, 2023
Adding Music Previews to My Now Page
How I added a simple audio preview to my recent Spotify tracks.
Raymond Camden · Nov 29, 2023
Categories: How to...Remote Data
Static Feedback #11: All About Eleventy
A post by Zach Leatherman (zachleat)
Zach Leatherman · Nov 29, 2023
Categories: Why Eleventy?YouTube
Static Feedback #11: All About Eleventy
Static Feedback #11: All about Eleventy — Eleventy
11ty · Nov 29, 2023
Categories: Why Eleventy?YouTube
Automating Eleventy Server with Visual Studio Code Tasks
Dan Ryan · Nov 28, 2023
Categories: ConfigurationHow 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
Robb Knight · Nov 27, 2023
Categories: How to...Remote Data
Updating my Eleventy plugin tagCloud
A blog about web development, handy tutorials, quick rants, thoughts, and everything in between.
Ginger · Nov 26, 2023
Grouping posts by year with nunjucks in Eleventy
Group by year in a clear and readable manner
Christopher Kirk-Nielsen · Nov 24, 2023
Categories: CollectionsDatesFiltersHow 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
Grigør · Nov 23, 2023
Categories: DeploymentHow 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
Robb Knight · Nov 23, 2023
Categories: Data CascadeFiltersHow to...Remote Data
Migrating from WordPress to Eleventy (part 4)
Carlos Araya · Nov 22, 2023
Categories: BloggingDeploymentImagesMigrating to Eleventy
How to schedule posts in Eleventy
Sophie Koonin · Nov 21, 2023
Categories: BloggingConfigurationDeploymentHow to...
Generating the Firehose page on the 11tybundle site
Here's how the Firehose page of the 11tybundle.dev site is built.
Bob Monsour · Nov 21, 2023
Categories: CollectionsHow to...Remote Data
The tension and future of JAMstack
A post by Zach Leatherman (zachleat)
Zach Leatherman · 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.
Josh Vickerson · Nov 20, 2023
Categories: How to...Remote DataYouTube
Migrating from WordPress to Eleventy (part 3)
Carlos Araya · Nov 20, 2023
Categories: Asset PipelinesBloggingDraftsPagination
Building post types and category RSS feeds in Eleventy
Sophie Koonin · Nov 19, 2023
Categories: BloggingCollectionsHow to...PaginationRSS
Eleventy Splitting Category Data Across Two Table Columns
John M. Wargo · Nov 18, 2023
Categories: CollectionsHow 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
Ginger · Nov 16, 2023
Making a privacy respecting hit counter with Plausible analytics
Adding a hit counter with Plausible is private and quick using their aggregate API
Ginger · Nov 15, 2023
Categories: How to...Remote Data
Migrating to Eleventy
renkotsuban's personal site and blog.
Renkon · Nov 15, 2023
Categories: Getting StartedHow to...Migrating to Eleventy
A new technique for image optimization: SVG short circuiting
A post by Zach Leatherman (zachleat)
Zach Leatherman · Nov 15, 2023
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.
Cory Dransfeldt · Nov 15, 2023
Categories: How to...Remote Data
From Figma to Browser with Eleventy (Part 1)
YouTube video
thoughtbot · Nov 15, 2023
Categories: Getting StartedHow 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.
Zach Leatherman · Nov 14, 2023
Categories: ImagesPerformancePlugins
Highlighting the current category in Eleventy
Highlight current parent folder using the eleventy-navigation plugin
Eystein Mack Alnaes · Nov 10, 2023
Categories: How to...Navigation
11ty Quick Tip: Minify inline JavaScript in WebC
For when you need to minify your WebC JavaScript
Christian Engel · Nov 10, 2023
Categories: Asset PipelinesHow to...WebC
Migrating from WordPress to Eleventy (part 2)
Carlos Araya · Nov 8, 2023
Categories: BloggingMigrating to EleventyPaginationPlugins
Using Wordpress as a headless CMS for Eleventy
How I avoided having to re-learn PHP and love Eleventy.
Mike Aparicio · Nov 7, 2023
Categories: CMSGlobal DataNavigationPaginationRemote DataSearch
From Jason 2.0 is an 11ty-powered digital garden with multiple plots
A digital garden for a physical meat bag.
Jason Velazquez · Nov 6, 2023
Categories: Blogging
Default layouts in 11ty
Default layouts in 11ty
Remy Sharp · Nov 6, 2023
Categories: ConfigurationHow to...Layouts
Migrating from WordPress to Eleventy (part 1)
Carlos Araya · Nov 6, 2023
Categories: BloggingHow to...Migrating to Eleventy
Measure your website's performance with Speedlify
Zach Leatherman told me, I could add Lighthouse scores to my site's footer. And so I did.
Christian Engel · Nov 3, 2023
Categories: Performance
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.
Ginger · Nov 2, 2023
Categories: CMSFront MatterHow to...
Integrating WordPress Posts with 11ty
Kevin Gimbel · Nov 2, 2023
Categories: BloggingCMSGlobal DataRemote 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.
John M. Wargo · Oct 31, 2023
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.
Bob Monsour · 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
Ginger · Oct 31, 2023
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.
Bob Monsour · Oct 30, 2023
Categories: Data CascadeGlobal DataNetlifyRemote Data
Eleventy Excellent demo branches
Frontend developer and designer living in Madrid. I enjoy working with semantic HTML, vanilla Javascript and modern CSS.
Lene Saile · Oct 30, 2023
Categories: BloggingConfigurationPagination
Better word counts and reading time in Eleventy (11ty)
A short tutorial on how to count words and determine the reading time using Eleventy.
Andrew Ward · Oct 29, 2023
How to find backlinks using Eleventy (11ty)
A short tutorial on how to find backlinks (pages that link to the current page) using Eleventy
Andrew Ward · Oct 29, 2023
Cleaning up the 11ty config
The eleventy config file can get cluttered quickly so I cleaned mine up
Simon Cox · Oct 29, 2023
Categories: ConfigurationHow 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.
Andrew Ward · Oct 27, 2023
Categories: Migrating to EleventyWhy Eleventy?
My Neocities workflow: using Eleventy and the CLI to speed up development
Whiona · Oct 27, 2023
Categories: BloggingDeploymentGetting StartedHow to...
Building a photography website
The setup for sharing my photo gallery.
Darek Kay · Oct 25, 2023
Categories: How to...ImagesNavigationImage Galleries
Seven Million npm Downloads
Seven Million npm Downloads! — Eleventy
11ty · Oct 23, 2023
Categories: Deployment
Clean Up Your Config File
MooseDog Studios - Where Convention Takes A Back Seat To Quality
Robin Hoover · Oct 23, 2023
Categories: ConfigurationHow to...
Migrating from Hugo to Eleventy (11ty)
This post describes my journey of migrating my blog from Hugo to Eleventy (11ty)
Christian Engel · Oct 23, 2023
Categories: Migrating to Eleventy
What I learned making top-level.dev
A single purpose site that gives you all of the top level domains in one handy list.
Ginger · Oct 18, 2023
Categories: PaginationPlugins
TinaCMS + 11ty
Taking a deep dive into setting up a CMS for my static site with TinaCMS
Clayton Errington · Oct 17, 2023
Categories: BloggingCMSConfigurationDeploymentHow to...
Adding Social Preview Images To Our 11ty Blog
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:
Matthew Lettini · Oct 17, 2023
Categories: How to...ImagesSocial Media
Speed up your CloudCannon Builds with Preserved Paths
YouTube video
CloudCannon · Oct 16, 2023
Categories: DeploymentHow to...Remote DataYouTube
CloudCannon as a git based headless CMS for static site generators
Showcasing CloudCannon with 11ty as a headless CMS service
Piotr Maliński · Oct 14, 2023
Migrating Blogger to Eleventy
Shifting sheetsj.com into the future
Jeff Sheets · Oct 13, 2023
Categories: Migrating to EleventyHow to...Blogging
Permalink-Driven Breadcrumbs in Eleventy
An approach to add a breadcrumb navigation to your Eleventy site, utilising the permalink structure
Oscar · Oct 13, 2023
Categories: NavigationHow to...CSS/SassPermalinks
Eleventy and Storyblok - My perfect combination
In this article, I share why I choose this combination, hoping you also fall in love with them.
Estela Franco · Oct 11, 2023
Categories: CMSWhy Eleventy?
Under the hood
LostInBrittany's tech blog, reborn... again...
Horacio Gonzalez · Oct 9, 2023
Categories: WebCWhy Eleventy?
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.
Harris Lapiroff · Oct 7, 2023
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.
Piotr Maliński · Oct 7, 2023
Categories: ConfigurationHow to...ImagesCSS/SassSocial Media
What's that?
A short introduction why I started a blog and what you can expect here
Albrecht Kohnlein · Oct 6, 2023
Categories: Why Eleventy?
How to make a PWA out of your Eleventy site
Eleventy sites can be PWAs with two plugins. But there are strings attached.
Łukasz Wójcik · Oct 3, 2023
Categories: How to...
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.
Tomek Poniatowicz · Oct 3, 2023
Categories: BloggingCollectionsFront MatterHow 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.
Tomek Poniatowicz · Oct 3, 2023
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.
Troy V · Oct 3, 2023
Categories: How to...NetlifyServerless
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...
Keith Carangelo · Oct 2, 2023
Categories: BloggingHow to...Front MatterMarkdown
Headless kiosk application (with Kirby CMS)
Use Kirby and 11ty to generate a headless kiosk application hat works offline.
James Steel · Oct 1, 2023
Delaying asset requests in Eleventy
Simulate slow connections on your Eleventy website using dev server middleware.
Darek Kay · Sep 29, 2023
Categories: Asset PipelinesHow 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…
Trevor Morris · Sep 29, 2023
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.
Clayton Errington · Sep 28, 2023
Categories: How to...Deployment
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.
Michael Harley · Sep 27, 2023
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.
Fictive Kin · Sep 26, 2023
Categories: Why Eleventy?
Building a Blogroll with 11ty
How I created a blogroll with 11ty based off of Ben Myers solution
Clayton Errington · Sep 24, 2023
Making Author Pages for an Academic Journal in Eleventy, or, How to Manipulate Collection Data in Eleventy
Micah Torcellini · Sep 23, 2023
Categories: PaginationHow to...Collections
Build a Blogroll with Eleventy
A step-by-step guide to adding a blogroll, complete with each blog's latest posts, to your Eleventy site.
Ben Myers · Sep 21, 2023
Categories: Data CascadeRemote DataHow to...ConfigurationBlogging
Eleventy: A Paired Shortcode for Looping Video
Adding GIF-like looping video to my site.
Mark Llobrera · Sep 21, 2023
Categories: How to...
Setting active state on navigation with Eleventy
In creating my portfolio site, I wanted to have dynamic elements that would add/remove classes based... Tagged with eleventy, 11ty, tutorial, portfolio.
Adam Jolicoeur · Sep 21, 2023
Categories: How to...Navigation
Custom language syntax highlighting
Web development blog. The good, bad, and ugly (mostly bad and ugly)
Joe Sahlsa · Sep 15, 2023
How to create a drafts page for an 11ty blog
Luke Harris · Sep 14, 2023
Categories: ConfigurationHow to...CollectionsDrafts
Fun With Front Matter: Part 4 - Featured Posts
How to use "featured" posts to highlight important content.
Raymond Camden · Sep 12, 2023
Categories: Front MatterHow 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.
Cory Dransfeldt · Sep 10, 2023
Categories: CollectionsHow to...
Migrating blog to a static site generator - 11ty versus Astro
Benefits, downsides and the whole journey of migrating to an SSG.
Piotr Maliński · Sep 9, 2023
Categories: Migrating to EleventyWhy Eleventy?
Creating a Category Filter in Eleventy
Now I have a few posts, it would be good to have some way to narrow them down when looking for something specific.
Thomas Rigby · Sep 9, 2023
Categories: FiltersHow to...Nunjucks/Macros
CloudCannon + Eleventy
Getting CloudCannon setup with your Eleventy project is easier than you think
Clayton Errington · Sep 6, 2023
Categories: DeploymentHow to...CollectionsConfiguration
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.
Cory Dransfeldt · Sep 6, 2023
Categories: Remote DataHow 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.
Tengku Farhan · Sep 4, 2023
Categories: CSS/SassConfigurationHow 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.
Cory Dransfeldt · Sep 3, 2023
Categories: How to...
11ty draft posts - Set up a draft system in 11ty
Setting a post to draft in 11ty while writing
Simon Cox · Sep 1, 2023
Categories: ConfigurationHow to...Drafts
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.
David Hayes · Sep 1, 2023
Categories: How to...Remote DataWebmentions
Migrer de Ghost à 11ty (Migrating from Ghost to 11ty)
Journal personnel de GoOz, avec des mots petits et grands.
GoOz · Aug 31, 2023
Categories: Migrating to Eleventy
Fun With Front Matter: Part 3 - Handling Edits
Another example of front matter - signifying edits (both when and why)
Raymond Camden · Aug 31, 2023
Categories: How to...Front Matter
From Zero to CMS in 2 Minutes with CloudCannon and Eleventy
YouTube video
CloudCannon · Aug 29, 2023
Categories: CMSYouTubeDeployment
Fun With Front Matter: Part 2 - Follow-ups
Using front matter to specify a follow up to your content.
Raymond Camden · Aug 29, 2023
Categories: Front MatterHow to...
Fun With Frontmatter: Part 1 - Related Posts
A series on doing more with your Jamstack site's front matter
Raymond Camden · Aug 28, 2023
Categories: Front MatterFiltersHow 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.
Cory Dransfeldt · Aug 25, 2023
Categories: How to...Edge FunctionsNow 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.
Steven Woodson · Aug 25, 2023
Categories: How to...
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.
Juha-Matti Santala · Aug 22, 2023
Categories: Remote DataHow to...
Intelligent indexing: searching rich content with Pagefind
YouTube video
Liam Bigelow · Aug 22, 2023
How I built my Now page
YouTube video
Raymond Camden · Aug 22, 2023
Categories: How to...Remote DataYouTube
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.
Chris McLeod · Aug 20, 2023
Categories: BloggingWhy Eleventy?
Compiling CSS with Eleventy
A list of different options for compiling CSS with Eleventy
Robb Knight · Aug 16, 2023
Categories: CSS/SassAsset 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.
Steven Woodson · Aug 15, 2023
Categories: Remote DataHow 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.
Alex Zappa · Aug 13, 2023
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…
Tyler Sticka · Aug 12, 2023
Categories: Why Eleventy?
classnames
An Eleventy plugin that joins truthy, deduplicated values into a single, compact string for use in an HTML element's class attribute.
Ashur Cabrera · Aug 5, 2023
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.
Simon Cox · Aug 5, 2023
Categories: How to...ConfigurationGetting 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.
John M. Wargo · Aug 4, 2023
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.
Steven Woodson · Aug 3, 2023
Categories: WebC
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.
Aleksandr Hovhannisyan · Jul 30, 2023
Categories: How to...
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.
Hrishikesh Pathak · Jul 30, 2023
Categories: CSS/SassConfigurationHow to...
A Future of Themes with CSS Container Style Queries
One way to implement themes on a website with style queries
Christopher Kirk-Nielsen · Jul 29, 2023
Categories: CSS/SassAsset Pipelines
WebC Declarative Shadow DOM Slot Workarounds
A cheeky hack to make slot elements work as expected in 11ty's WebC framework.
Benny Powers · Jul 28, 2023
Sorting and Dating 11ty Posts by Name
Organize and automate your 11ty blog's post structure with ISO dates and some quick JavaScript.
Benny Powers · Jul 28, 2023
Formatting Obsidian markdown to render in Eleventy
Added functionality to find and replace certain Obsidian markdown with Nunjucks templates and HTML
Thomas Rigby · Jul 28, 2023
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...
Jonathan Snook · Jul 27, 2023
Categories: DeploymentHow 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.
Juha-Matti Santala · Jul 26, 2023
Categories: How to...Social Media
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.
Bryce Wray · Jul 25, 2023
Categories: Why Eleventy?
Bigg Announcement: Eleventy and CloudCannon
Big Announcement: Eleventy and CloudCannon! — Eleventy
11ty · Jul 25, 2023
Categories: Why Eleventy?
Why CloudCannon Developers love Eleventy
YouTube video
CloudCannon · Jul 24, 2023
Categories: Why Eleventy?YouTube
Now Page: Automatically Syncing My Now Pages
How I automatically sync my now page with omg.lol
fLaMEd · Jul 23, 2023
Categories: How to...Remote DataNow Page
i11g - Updating an Immutable Blog
Using IPFS, 11ty, and dAppling to create an easy to update blog hosted on IPFS.
Namaskar · Jul 19, 2023
Categories: BloggingGetting 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.
Maurice King · Jul 18, 2023
Categories: BloggingCMSGetting StartedHow to...
The Eleventy Community Survey Results (2023)
The Eleventy Community Survey Results (2023) — Eleventy
11ty · 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.
John M. Wargo · Jul 15, 2023
Categories: Plugins
From Nunjucks to Liquid
Changing the template language from nunjucks to Liquid in my eleventy project
Morten Birch · Jul 14, 2023
Categories: Nunjucks/Macros
Building a popular posts widget in Eleventy using Plausible analytics
I took some time last week to build out a popular posts widget after seeing Zach's implementation using Google Analytics.
Cory Dransfeldt · Jul 12, 2023
Categories: Remote DataHow 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
Raymond Camden · Jul 12, 2023
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.
Hrishikesh Pathak · Jul 12, 2023
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.
Hrishikesh Pathak · Jul 11, 2023
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).
John M. Wargo · Jul 10, 2023
Categories: Front MatterHow to...
Updated Eleventy Post Stats Plugin
I published an update to my Eleventy Plugin Post Statistics plugin this morning and this article explains what changed.
John M. Wargo · Jul 7, 2023
Solving a date display issue in 11ty templates
I was getting the full UTC code and only needed the short date without time
Simon Cox · Jul 7, 2023
Categories: Dates
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.
Simon Cox · Jul 6, 2023
Categories: How to...Configuration
Six Million NPM Downloads!
Six Million npm Downloads! — Eleventy
11ty · Jul 4, 2023
Categories: Why Eleventy?
Choosing a jamstack static site generator
Choosing a Jamstack Static Site Generator
Neal Gamradt · Jul 3, 2023
Categories: Why Eleventy?
Now page update: poster art for shows and movies
Combine multiple API calls and eleventy-fetch to enrich Trakt metadata with poster art.
fLaMEd · Jul 2, 2023
Categories: Remote DataHow 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.
Winston Puckett · Jul 2, 2023
Categories: Configuration
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.
Martin Schneider · Jun 29, 2023
Categories: CSS/SassConfigurationHow 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.
Martin Schneider · Jun 23, 2023
Categories: Social MediaDeploymentHow 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.
Cory Dransfeldt · Jun 21, 2023
Categories: Remote DataHow 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.
fLaMEd · Jun 19, 2023
Categories: ImagesRemote DataHow to...Now Page
Creating Bootstrap WebC Components in Eleventy
Using WebC to make working with Bootstrap simpler.
Raymond Camden · Jun 19, 2023
WordPress to Eleventy - Part 1, The Why
For years my personal website used WordPress, now it's using Eleventy and this is why
Chris Smith · Jun 18, 2023
Categories: Migrating to EleventyWhy Eleventy?
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
Chris Smith · Jun 18, 2023
Categories: Migrating to EleventyHow to...
Eleventy tag filter
Web development blog. The good, bad, and ugly (mostly bad and ugly)
Joe Sahlsa · Jun 16, 2023
Categories: Filters
Eleventy tag filter
Web development blog. The good, bad, and ugly (mostly bad and ugly)
Joe Sahlsa · Jun 15, 2023
Bookshop 11ty Guide
Learn how to build a live-editable website using Eleventy and Bookshop on CloudCannon.
CloudCannon · Jun 13, 2023
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.
John M. Wargo · Jun 13, 2023
Categories: Pagination
File Last Modified Is Available
MooseDog Studios - Where Convention Takes A Back Seat To Quality
Robin Hoover · Jun 11, 2023
Integrating JSON-LD Into Your Eleventy Pages
MooseDog Studios - Where Convention Takes A Back Seat To Quality
Robin Hoover · Jun 9, 2023
Categories: ConfigurationHow 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.
Cory Dransfeldt · Jun 8, 2023
Categories: Remote DataHow to...
Using Goodreads Data in Eleventy - Update
A followup to my previous article on Goodreads and Eleventy
Raymond Camden · Jun 8, 2023
Categories: Remote DataHow to...
Fast and Easy CSS Revisioning
MooseDog Studios - Where Convention Takes A Back Seat To Quality
Robin Hoover · Jun 8, 2023
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.
Cory Dransfeldt · Jun 7, 2023
Categories: PerformanceHow to...
Using Goodreads Data in Eleventy
An example of using exported Goodreads data in an Eleventy site.
Raymond Camden · Jun 7, 2023
Categories: Remote DataHow to...
11ty image shortcode best practice
Quick reminder to myself about how to use the 11ty shortcode for images
Simon Cox · Jun 6, 2023
Categories: ImagesHow to...MarkdownShortcodes
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.
John M. Wargo · Jun 5, 2023
Categories: PaginationHow to...
Interactive demos inside articles
This article touches how I embed interactive code demos into my blog articles.
Lea Rosema · Jun 1, 2023
Categories: How to...
Converting a Drupal site to 11ty
Samuel J. Huskey's Personal Website
Samuel J. Huskey · Jun 1, 2023
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).
John M. Wargo · May 31, 2023
Categories: PaginationHow to...
Adding client side search to a static site
Creating a site-search function that doesn't rely on external services
Tom Hazledine · May 31, 2023
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).
John M. Wargo · 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.
John M. Wargo · 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)
Christopher Kirk-Nielsen · May 28, 2023
Eleventy by Example, by Bryan Robinson
A review of "Eleventy by Example", by Bryan Robinson
Raymond Camden · 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 […]
Andy Bell · May 17, 2023
Categories: Remote DataHow to...
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.
Martin Hicks · May 16, 2023
Categories: DeploymentHow 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.
John M. Wargo · 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
Simon Cox · 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
David Darnes · May 15, 2023
Categories: DeploymentNetlify
Automating Eleventy Post Creation
Describes a utility I created to automate creating a new post in an Eleventy site.
John M. Wargo · May 11, 2023
Categories: How to...
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.
John M. Wargo · May 10, 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.
Loraine Lawson · May 10, 2023
Categories: PerformanceWhy Eleventy?
Fetching & caching data from Airtable in my 11ty site
Using the Airtable.js library and Eleventy Fetch
Cassey Lottman · May 9, 2023
Categories: Remote DataHow 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.
Full Stack Digital · May 6, 2023
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.
Cory Dransfeldt · 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.
Bryan Robinson · May 4, 2023
Categories: Getting Started
Embed JSDoc comments in an Eleventy website
Rob Anderson · 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.
John M. Wargo · May 1, 2023
Categories: ConfigurationHow to...
Eleventy Extra Spaces in Category List
I noticed that the category lists on this site had an extra space before and after the comma and set out to fix it.
John M. Wargo · Apr 30, 2023
Categories: How to...
Unit Test 11ty Pages With Vitest and Typescript
Unit testing 11ty JavaScript templates with Vitest and Typescript
Khalid Abuhakmeh · Apr 25, 2023
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.
John M. Wargo · Apr 23, 2023
Categories: NavigationHow to...
Pseudorandom numbers in Eleventy
Create deterministic series of random numbers for generative arts
Lea Rosema · Apr 23, 2023
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.
Joel Olawanle · Apr 21, 2023
Categories: Getting StartedHow to...
Automated workflows for websites
In this article, I'm writing about automated workflows I added to this blog.
Lea Rosema · Apr 20, 2023
Categories: ConfigurationHow to...
Building and Automating My Now Page
How I built and automated my now page with Eleventy and APIs.
fLaMEd · Apr 19, 2023
Categories: How to...Remote DataNow 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.
Frank Fuchs · Apr 18, 2023
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...
Adam Stoddard · Apr 17, 2023
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.
David Large · Apr 14, 2023
Categories: Performance
Wrapping Emoji in your 11ty build
Wrap emoji with accessible and semantic HTML, without breaking your pages
Benny Powers · Apr 13, 2023
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.
Matt Warner & Quinn Dombrowski · Apr 13, 2023
Categories: Migrating to Eleventy
SVG Icon Sprites in Eleventy
Use SVG icons in Eleventy and only ship the code you need.
Benny Powers · Apr 11, 2023
Categories: How to...
WebC First Impressions
Thoughts from my first attempt at understanding the new WebC framework from 11ty
Benny Powers · 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.
Dustin Whisman · Apr 9, 2023
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
Mathieu Huot · Apr 9, 2023
Categories: WebC
Accessible anchor permalinks
Jan De Wilde, designer and web developer
Jan De Wilde · Apr 8, 2023
Categories: How to...MarkdownAccessibilityPermalinks
Working with CloudCannon and Eleventy - My Experience
My experience testing the CloudCannon CMS experience with Eleventy.
Raymond Camden · Apr 6, 2023
Categories: CMS
3 Methods for scoped styles in web components that work everywhere
A post by Zach Leatherman (zachleat)
Zach Leatherman · Apr 6, 2023
Moving from WordPress to 11ty
After 17 years with WordPress, it's time for something different. Here's how I migrated 500 posts to a static site generator.
John Hobbs · Apr 5, 2023
Categories: Migrating to Eleventy
Builder.io's Partytown with 11ty
Exploring builder.io's partytown and integrating it with 11ty! It is nothing but a library which uses web workers to separately execute third party scripts.
Murtuzaali Surti · Apr 5, 2023
Categories: How to...
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.
John Hobbs · Apr 5, 2023
Categories: Migrating to Eleventy
WebC Updates in Eleventy - Looping
A look at another new WebC feature - looping
Raymond Camden · Apr 4, 2023
Categories: WebC
GitLab CI Pipeline for Eleventy
A detailed breakdown of the GitLab CI pipeline used for this blog, which is built with Eleventy.
Aaron Goldenthal · Apr 3, 2023
Categories: Deployment
How I built my own excerpt for Markdown content in Eleventy
I was not really happy with Eleventy's native excerpt solution requiring just a separator and having the excerpt content preserved in the content, without any way to style it differently. So I tried different alternatives, and settled on a solution with some Markdown-it plugins and a bunch of regexes.
Nicolas Hoizey · Mar 31, 2023
Categories: Markdown
Awesome Algolia Updates (and some fixes here...)
News about Algolia's free tier changes and some fixes here.
Raymond Camden · Mar 30, 2023
Categories: How to...
Easy Date and Time Formatting with Luxon
Two great tastes that taste great together
Evan Sheehan · Mar 29, 2023
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.
Cory Dransfeldt · Mar 28, 2023
Categories: Social Media
WebC Updates in Eleventy
Description of updates to WebC
Raymond Camden · 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.
Cory Dransfeldt · 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.
Cory Dransfeldt · Mar 27, 2023
Categories: Social Media
Blogging with Eleventy
Adding a blog to this website (which you are now reading)
Bill Horsman · Mar 27, 2023
New Blog Same as the Old Blog
Details about my site rebuild.
Raymond Camden · Mar 27, 2023
Categories: BloggingConfiguration
The evolution of my CSS pipeline in Eleventy (part 2)
Evolution is a continuous phenomenon.
Bob Monsour · Mar 26, 2023
Categories: CSS/Sass
Migrating to Eleventy from AnchorCMS
How I migrated my old blog content from a defunct CMS to Eleventy.
Josh Vickerson · Mar 24, 2023
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.
Cory Dransfeldt · Mar 24, 2023
Categories: How to...
Spellchecking my blog posts with cSpell
A little magic to help catch typos in your blog posts.
uncenter · Mar 23, 2023
Syncing Letterboxd Data to Markdown Files
Owning my Letterboxd data.
Mark Llobrera · 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.
Craig Buckler · Mar 21, 2023
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.
Cory Dransfeldt · Mar 19, 2023
Categories: Deployment
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.
John M. Wargo · Mar 19, 2023
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.
Cory Dransfeldt · Mar 18, 2023
Categories: Remote DataNow Page
Smart Incremental Rebuilds With eleventyImport
Ensure templates that display content from collections, like a blog index, rebuild when associated collection content changes.
Stephanie Eckles · Mar 18, 2023
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.
Bryce Wray · 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.
Brian Rinaldi · Mar 17, 2023
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.
Cory Dransfeldt · Mar 17, 2023
Categories: Webmentions
Eleventy Plugin: Green Links
A small Eleventy plugin I built at the end of February 2023.
Fershad Irani · Mar 17, 2023
Categories: Plugins
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.
John M. Wargo · Mar 15, 2023
Categories: ConfigurationHow to...
The evolution of my CSS pipeline in Eleventy (part 1)
Handling CSS in Eleventy has been an evolutionary experience.
Bob Monsour · Mar 14, 2023
Categories: CSS/Sass
Alphabetising Glossary Terms
Blog and general digital garden of the full stack programmer Simon Dann.
Simon Dann · Mar 14, 2023
Website Improvement: Social Post Preview Image
Ondřej Mirtes · Mar 13, 2023
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?
Rob O'Leary · Mar 13, 2023
Categories: How to...
I migrated this blog to Eleventy 2.0
Maker/Manager
Luis de la Rosa · Mar 11, 2023
Categories: Migrating to EleventyBlogging
Using the Codeberg CI
Using Codeberg CI to build 11ty based static sites to push to Codeberg Pages
Clayton Errington · Mar 11, 2023
Categories: DeploymentHow to...
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.
Jordan Kohl · Mar 7, 2023
Categories: How to...ConfigurationDrafts
From Jekyll & Hugo to Eleventy
HOW DO YOU DO, PLEASE STATE YOUR PROBLEM _
Chris Burgess · Mar 6, 2023
Categories: DatesMigrating to Eleventy
A Complete Guide to Building a Blog with Eleventy
Raymond Camden · Mar 4, 2023
Categories: BloggingHow to...Getting Started
Five Million npm Downloads
Five Million npm Downloads! — Eleventy
11ty · Mar 3, 2023
Categories: YouTube
Eleventy - Build a Static Site with Backend Data Handling - YouTube
YouTube video
Azul Coding · Mar 3, 2023
Categories: YouTubeGetting 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...
Gabi Dobocan · Mar 3, 2023
Categories: ServerlessHow to...
Font Subsetting with Eleventy.js
Blog and general digital garden of the full stack programmer Simon Dann.
Simon Dann · Mar 3, 2023
Categories: Asset PipelinesConfigurationHow to...Plugins
Supporting PDF Embeds in an Eleventy WebC Component
Adding support for the Adobe PDF Embed with an Eleventy WebC Component
Raymond Camden · Mar 1, 2023
Categories: How to...
Sass in Eleventy, with versioning
Adding support for code.scss/code files, complete with content hashes.
Dan Burzo · Mar 1, 2023
Categories: CSS/Sass
Slotted content in Eleventy
Fill slots in an HTML layout with chunks of Markdown content.
Dan Burzo · Feb 28, 2023
Categories: How to...
Upgrading to Eleventy 2.0.0
A step-by-step for an incredibly easy process, again.
Dana Byerly · Feb 26, 2023
Categories: How to...
Process CSS or Sass With LightningCSS
Use these plugins or code snippets to make CSS a first-class templating language in Eleventy and add processing with LightningCSS and/or Sass.
Stephanie Eckles · Feb 25, 2023
Categories: CSS/Sass
Update to My Eleventy Blog Guide
An update regarding my Eleventy blog guide.
Raymond Camden · Feb 25, 2023
Categories: Getting StartedBlogging
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.
Silvestar Bistrović · Feb 24, 2023
Categories: CSS/Sass
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.
Lene Saile · 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.
Jordan Kohl · Feb 21, 2023
Categories: FiltersCollectionsHow to...
Combining 11ty Static Site Generator with ASP.NET Core
Combining 11ty Static Site Generator with ASP.NET Core for maximum awesomeness.
Khalid Abuhakmeh · Feb 21, 2023
Categories: Asset PipelinesConfiguration
Farewell Netlify Large Media, Welcome eleventy-img
Not too complex once I had finished making my mistakes.
Shiv J.M. · Feb 19, 2023
Eleventy Collection Schemas
Use this 11ty plugin to enforce a typed frontmatter schema for templates within an Eleventy collection.
Stephanie Eckles · Feb 17, 2023
Categories: Collections
New year, new me, new blog
I changed the design of my blog for the third time since its start in 2020.
Łukasz Wójcik · 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
Mike Street · Feb 16, 2023
Categories: Social MediaImages
Building a Mastodon Bot Listing Page in Eleventy
How I built a page to show off my Mastodon bots.
Raymond Camden · Feb 15, 2023
Categories: How to...Social Media
Moving my site from Jekyll to Eleventy - Part II
What I learned along the way..
Kartikey · Feb 14, 2023
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!
Steven Woodson · 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.
Jordan Kohl · 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.
James Doc · Feb 10, 2023
Categories: Deployment
Setup GitLab Review Apps with Eleventy
A technique to setup GitLab Review Apps for an Eleventy site.
Aaron Goldenthal · Feb 9, 2023
Categories: ConfigurationDeploymentHow to...
Using Rmarkdown with Eleventy
My work, notes, musings and more. Some serious, some not.
Michael Schmidt · Feb 9, 2023
Categories: ConfigurationFront MatterHow 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.
Raphael Höser · Feb 7, 2023
Categories: How to...
Using Eleventy and WebC for Simpler, Performant Web Components - YouTube
YouTube video
Raymond Camden · Feb 7, 2023
Updating webmentions on a static site
When I started using Webmention on this site (more than 5 years ago!), I was building the site on my local computer, and uploading the build result on my hosting with `rsync`. I've moved to Cloudflare Pages 6 months ago, which means webmentions where updated only when I pushed new content to GitHub. Here's how I fixed that.
Nicolas Hoizey · Feb 5, 2023
Categories: How to...Webmentions
Building a Membership Site with 11ty by Stephanie Eckles
YouTube video
Stephanie Eckles · Feb 5, 2023
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.
Bryce Wray · Feb 4, 2023
Using JavaScript in a WebC Component
Father, husband, developer relations and web standards expert, and cat demo builder.
Raymond Camden · 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.
Aaron Gustafson · Feb 3, 2023
Categories: Edge FunctionsNetlify
Website re-platform and a light redesign for 2023
Time for a site rebuild and this time I went with a static site generator
Simon Cox · Feb 3, 2023
Categories: Migrating to Eleventy
Which SSGs I recommend
Here’s a recap of my thoughts about the best tools for building and maintaining personal websites.
Bryce Wray · 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
Steven Woodson · Feb 2, 2023
Categories: How to...
Adding tag list with post count to Eleventy.js
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
Jordan Kohl · Feb 2, 2023
Categories: CollectionsHow to...
Hassle-free internationalization with Eleventy 2.0 and Netlify
YouTube video
Lene Saile · Feb 1, 2023
Categories: How to...InternationalizationNetlifyDeployment
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.
Raphael Höser · 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.
Chris Burnell · Jan 31, 2023
Categories: Webmentions
11ty, nunjucks, tag counts
Using nunjucks to get the count of the posts for a tag.
Clayton Errington · Jan 31, 2023
Categories: Nunjucks/MacrosHow 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.
Jordan Kohl · Jan 31, 2023
Categories: How to...
Additional Webmention Resources
Some more links and tools related to webmentions
Robb Knight · 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
Robb Knight · Jan 31, 2023
Categories: Migrating to Eleventy
Adding Webmentions to Your Site
Some notes on what webmentions are and how I implemented them for this site
Robb Knight · 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
Clayton Errington · Jan 30, 2023
Adding webmentions to your static blog
The portfolio and blog of Jan Monschke
Jan Monschke · Jan 30, 2023
Categories: WebmentionsHow to...
How to programmatically add tags to posts in 11ty
Blog and general digital garden of the full stack programmer Simon Dann.
Simon Dann · Jan 30, 2023
Categories: BloggingCollectionsConfigurationHow to...Plugins
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.
Jordan Kohl · Jan 29, 2023
Categories: How to...
Escaping Jekyll, and moving to Eleventy
Articles, information, and tutorials on development, programming, technology, science.
Mendhak · Jan 28, 2023
Categories: Migrating to Eleventy
Quick WebC Tip
How to enable better color coding for your WebC templates
Raymond Camden · Jan 27, 2023
Categories: WebC
Adding stub posts
Blog and general digital garden of the full stack programmer Simon Dann.
Simon Dann · Jan 27, 2023
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.
Stephanie Eckles · Jan 26, 2023
Categories: How to...Edge Functions
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.
Will Darwin · Jan 25, 2023
Categories: Remote DataCollections
Website redesign with 11ty!
I have rewritten my website to utilize 11ty, and it was a lot of fun
Clayton Errington · Jan 25, 2023
Categories: Migrating to Eleventy
Adding Wiki Links to 11ty
Blog and general digital garden of the full stack programmer Simon Dann.
Simon Dann · Jan 25, 2023
Categories: BloggingConfigurationHow to...Markdown
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
Irina I. · Jan 24, 2023
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.
Jérôme Coupé · Jan 23, 2023
Categories: Asset PipelinesConfiguration
Eleventy: Building an Image Gallery with CSS Grid and PhotoSwipe
Trying out CSS Grid’s new Masonry Layout, with a PhotoSwipe lightbox
Mark Llobrera · Jan 22, 2023
Categories: ImagesImage Galleries
A Beginner's Guide to Eleventy - part two
Second part of a beginner's guide to eleventy
Jakub Iwanowski · Jan 20, 2023
Categories: Getting Started
Adding statistics to 11ty
Blog and general digital garden of the full stack programmer Simon Dann.
Simon Dann · Jan 20, 2023
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.
David Darnes · Jan 18, 2023
Categories: CMSDeployment
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.
Bryce Wray · Jan 17, 2023
Categories: CSS/SassSocial Media
Using Eleventy filters in Directory Computed Data
Eleventy Computed Data makes it easy to reuse your filters outside of your templates.
Chris Coleman · Jan 16, 2023
Categories: ConfigurationData CascadeFilters
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.
Eevis · Jan 14, 2023
Adding Tina CMS to 11ty
Looking for a NetlifyCMS alternative to commit changes to the same repo, I stumbled upon TinaCMS
Mike Street · Jan 14, 2023
Plop in Automation
How I use npm to automate the inner workings of my website and within other projects
Clayton Errington · Jan 12, 2023
Categories: How to...
A Beginner's Guide to Eleventy - part one
First part of a beginner's guide to eleventy
Jakub Iwanowski · Jan 9, 2023
Categories: Getting Started
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.
Kevin Healy · Jan 7, 2023
Categories: Nunjucks/MacrosHow to...
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.
Daniel Morgan · Jan 6, 2023
Using PageFind with Eleventy for Search
How to use PageFind to implement search for an Eleventy site
Robb Knight · Jan 4, 2023
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.
David Large · Jan 3, 2023
Categories: Getting Started
Configure Eleventy to Host a Custom Mastodon Alias
Ramblings on bacon, drawing, and technology
David Neal · Jan 2, 2023
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.
Don Hamilton · Jan 2, 2023
Categories: Getting StartedWhy Eleventy?
2022
Building a Podcast Site with Eleventy
Moving Ruminate's site from Simplecast to Eleventy
Robb Knight · Dec 28, 2022
Categories: How to...
Importing external components in WebC via NPM
The online journal of Ashur Cabrera.
Ashur Cabrera · Dec 24, 2022
Categories: WebC
Fixing long start-up times of the Eleventy dev server
Running Browsersync without internet connection.
Darek Kay · Dec 22, 2022
Drafts and timestamp-based publishing in Eleventy
Exercise more control over when, and if, your posts appear.
Bryce Wray · Dec 21, 2022
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).
David Large · Dec 21, 2022
Categories: Getting StartedBlogging
Eleventy 2.0 & WebC
I look at my experiences trying out Eleventy and its new Web Component language, webc.
Martin Hicks · Dec 17, 2022
Categories: WebC
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.
Steven Woodson · 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.
Murtuzaali Surti · Dec 15, 2022
Categories: How to...
Adding Download Support in an Eleventy Site
An example of adding download resources to an Eleventy site
Raymond Camden · 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.
Luke Bonaccorsi · Dec 7, 2022
Categories: Deployment
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.
CloudCannon · Dec 5, 2022
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.
Daniel Saunders · Dec 3, 2022
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.
Chip Cullen · Dec 1, 2022
Categories: Migrating to Eleventy
Exploring WebC
How to setup and create your first WebC component in a Nunjucks 11ty
Constant Vallee · Nov 30, 2022
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!
Lene Saile · Nov 29, 2022
Categories: Configuration
Eleventy asset pipeline: precompiled assets without Gulp
Precompiled Sass and JS files that become part of the source folder.
Christopher Kirk-Nielsen · Nov 27, 2022
Categories: Asset PipelinesHow to...
Relational data in Eleventy
A pattern for handling many-to-many relationships.
Dan Burzo · Nov 26, 2022
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.
Vadim Makeev · Nov 25, 2022
Categories: CSS/Sass
Eleventy: Integrate PostCSS and Tailwind CSS
Daniel Zenzes
Daniel Zenzes · Nov 25, 2022
Categories: CSS/Sass
A Bare-Bones Eleventy Template for Glitch
A quick template for using Eleventy on Glitch
Raymond Camden · Nov 25, 2022
Categories: How to...
11ty Second 11ty (YouTube playlist, 8 videos)
YouTube video
Bryan Robinson · 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.
Raymond Camden · Nov 17, 2022
Support External Articles in an Eleventy Blog
Adding a method to list external articles in an Eleventy blog
Raymond Camden · Nov 16, 2022
Categories: How to...
Some Options for Timing Pages in Eleventy
Some experiments timing slow pages with Eleventy
Raymond Camden · Nov 14, 2022
Categories: PerformanceHow to...Debugging
From Notion to Eleventy
Mostly frontend, sometimes art
Daniel Shulz · Nov 10, 2022
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.
Chris Nelson · Nov 9, 2022
Categories: How to...
Quick LiquidJS + Eleventy Example - All Posts
Some quick things I learned about Liquid when building an "All Posts" page.
Raymond Camden · Nov 9, 2022
Eleventy, Markdown, and Tailwind CSS
English software developer based in Seattle.
Matthew Tole · Nov 8, 2022
Eleventy Layouts with Sizlate
Eleventy Layouts with Sizlate by Simon McManus
Simon McManus · Nov 6, 2022
Categories: Layouts
How to access post content in template listing files
Al Power · Nov 6, 2022
Categories: Data CascadeHow to...
Why I use Eleventy
High school student and open source developer.
Ryan Cao · Nov 4, 2022
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
Bernard Nijenhuis · 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.
Dustin Whisman · 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.
Dustin Whisman · Nov 2, 2022
Categories: Getting StartedHow to...
My notes on Eleventy WebC components
WebC is a compiler for single file Web Components that brings first-class component model to Eleventy!
Levi McGranahan · Oct 28, 2022
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!
Stephanie Eckles · Oct 24, 2022
Categories: WebC
WebC
WebC, the latest addition to the Eleventy suite of technologies, is focused on making Web Components easier to use.
Fuzzy Logic · Oct 23, 2022
Categories: WebC
Why I built my own Vue plugin for Eleventy
Why and how I built my own Vue plugin for Eleventy.
Fynn Becker · Oct 22, 2022
Categories: ConfigurationPlugins
Integrating Cloudinary into Eleventy
A look at integrating Cloudinary image processing with Eleventy
Raymond Camden · Oct 20, 2022
The WebC Episode with a Bonus Server-Rendered Image Comparison Component on Eleventy
YouTube video
11ty · Oct 20, 2022
Filter an Eleventy Collection Using Your Own Custom Front Matter
Dan Urbanoicz · Oct 17, 2022
Categories: Front MatterHow to...FiltersCollections
First Experience Building with Eleventy's WebC Plugin
My first attempt working with Eleventy's new Web Component plugin
Raymond Camden · Oct 16, 2022
Introduction to WebC
What is WebC and what does it have to do with Eleventy?
Stephanie Eckles · Oct 15, 2022
Categories: WebC
The next time you see me I will be Eleventy
Engineering Management, SQL, and a dash of front-end from NYC.
TJ Addison · Oct 13, 2022
Categories: Migrating to EleventyWhy Eleventy?
Moving my site from Jekyll to Eleventy - Part I
How I revamped my personal site.
Kartikey · Oct 10, 2022
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.
Danial Zahid · Oct 4, 2022
Categories: Getting Started
Manage your SVG files with Eleventy's render plugin
Using renderFile to keep things tidy
Christopher Kirk-Nielsen · Oct 2, 2022
Getting set up in Eleventy (6 part series)
Learn the basics of Eleventy in this six-part tutorial series.
Mike Neumegen · Oct 1, 2022
Categories: Getting Started
How I Learned to Stop Worrying and Love the Jamstack
How I came to build (a previous version of) this site on the Jamstack.
Daniel Saunders · Sep 26, 2022
Categories: Why Eleventy?
Static Site Generation with Eleventy (YouTube)
YouTube video
Shawn Wildermuth · 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.
Bryce Wray · Sep 24, 2022
Categories: Nunjucks/Macros
Creating 11ty Dynamic Categories plugin (with 2-level pagination)
YouTube video
Bryan Robinson · Sep 22, 2022
Categories: PaginationHow 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.
Bryce Wray · Sep 20, 2022
Categories: How to...
Cache-busting in Eleventy, take two
This time, a solution that really (?) works.
Bryce Wray · Sep 19, 2022
Categories: CSS/Sass
Using Puppeteer with 11ty to automate generating social share images
Blog and general digital garden of the full stack programmer Simon Dann.
Simon Dann · Sep 14, 2022
Categories: FiltersHow to...PaginationSocial 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
Gerard Hynes · Sep 6, 2022
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.
Aleksandr Hovhannisyan · Sep 5, 2022
Categories: ServerlessPermalinks
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.
Bryce Wray · 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
Amal Ayyash · Sep 4, 2022
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.
Bryce Wray · Sep 1, 2022
Categories: Remote DataHow 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.
TJ Addison · Aug 31, 2022
Categories: Front MatterImagesHow 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.
Bryce Wray · Aug 27, 2022
Categories: Social MediaHow 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.
Sam D King · Aug 25, 2022
Categories: Remote Data
Webmention Setup for Eleventy
Here’s a quick run-through of how I retrieve and utilise Webmentions with my Eleventy website.
Chris Burnell · Aug 25, 2022
Categories: Webmentions
Eleventy within Eleventy to compile when you compile: precompiling reused assets
Pre-compile some reused assets to avoid repeating the same operation.
Christopher Kirk-Nielsen · Aug 25, 2022
Categories: Asset PipelinesHow to...
Adding Social Share Links in Eleventy
A quick example of adding social sharing links to your Eleventy site
Raymond Camden · Aug 22, 2022
Categories: Social MediaHow to...
Eleventy: Build vs. Serverless vs. Edge
A post by Zach Leatherman (zachleat)
Zach Leatherman · Aug 21, 2022
Categories: ServerlessEdge Functions
Nested navigation in Eleventy
Building a no-JS navigation menu with the details element.
Mike Aparicio · 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.
Bryan Robinson · Aug 15, 2022
Support Draft Blog Posts in Eleventy
A look at various ways of supporting draft posts with Eleventy
Raymond Camden · Aug 14, 2022
Categories: How to...ConfigurationCollectionsDrafts
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?
Salma Alam-Naylor · Aug 10, 2022
Categories: Edge Functions
Using Eleventy transforms to render asynchronous content inside Nunjucks macros
The online journal of Ashur Cabrera.
Ashur Cabrera · Aug 9, 2022
Categories: Nunjucks/MacrosHow 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.
Bryan Robinson · Aug 8, 2022
Categories: Global DataHow to...
WordPress & Eleventy part two: Eleventy
Some considerations for using WordPress as a headless content management system for Eleventy.
Dana Byerly · Aug 8, 2022
WordPress & Eleventy part one: WordPress
Some considerations for setting up WordPress to use with Eleventy.
Dana Byerly · Aug 5, 2022
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.
Sean Davis · 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
Mike Street · Jul 29, 2022
Generating Zips in an Eleventy Site
An example of providing zipped resources in an Eleventy site.
Raymond Camden · Jul 23, 2022
Categories: How to...
Eleventy Crash Course - YouTube playlist
YouTube video
Jaydan Urwin · Jul 18, 2022
Categories: YouTubeGetting Started
A New Schmidtynotes
My work, notes, musings and more. Some serious, some not.
Michael Schmidt · Jul 17, 2022
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.
Murtuzaali Surti · Jul 10, 2022
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.
Raphael Höser · Jul 8, 2022
Categories: InternationalizationHow 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.
Murtuzaali Surti · Jul 7, 2022
Categories: How to...Shortcodes
Reading Comic Books in the Jamstack
Adding support for digital comic books to your Jamstack site
Raymond Camden · Jul 1, 2022
Categories: Global DataHow 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.
David Darnes · Jun 29, 2022
Categories: Configuration
Testing the Netlify Cache Plugin with Eleventy
An example of caching for Netlify with an Eleventy site
Raymond Camden · Jun 26, 2022
Categories: DeploymentData CascadeNetlify
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.
Ben Myers · Jun 26, 2022
Categories: Performance
Related Content by Day of Year in Eleventy
A demonstration of how to get content published on the same day in the past.
Raymond Camden · Jun 23, 2022
Inlining SVGs in Eleventy
Medium post
Brett DeWoody · Jun 22, 2022
Categories: ConfigurationHow 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.
Bryan Robinson · Jun 20, 2022
Logging in Eleventy
I design and build websites, web applications, and data visualizations. I’ve been known to play fiddle from time to time and board games.
Evan Sheehan · Jun 19, 2022
Building a Quiz with Eleventy and Eleventy Serverless
How I built an Eleventy site driven by dynamic quiz data.
Raymond Camden · Jun 18, 2022
Categories: ServerlessHow 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.
Aleksandr Hovhannisyan · Jun 10, 2022
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.
James Midzi · Jun 8, 2022
Categories: Getting StartedPlugins
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.
Buddy · Jun 8, 2022
Categories: Deployment
Why we switched to Eleventy + Netlify
From the minds at Chromatic: Expert opinions on Drupal, WordPress, software development, and business strategies.
Chris Free · Jun 6, 2022
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.
Luciano Mammino · Jun 5, 2022
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.
Aleksandr Hovhannisyan · May 31, 2022
Categories: DeploymentHow 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.
Graham F. Scott · May 29, 2022
Eleventy wont process post
Web development blog. The good, bad, and ugly (mostly bad and ugly)
Joe Sahlsa · May 26, 2022
Categories: Debugging
Refactoring MikeAparicio.com
Escaping a hoarder house of technical debt.
Mike Aparicio · 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...
Nick Taylor · May 26, 2022
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...
Desmond Rivet · May 23, 2022
Categories: PaginationHow to...
Creating a now page archive with 11ty
Blog and general digital garden of the full stack programmer Simon Dann.
Simon Dann · May 17, 2022
Categories: CollectionsFront MatterHow to...LayoutsNavigationNow 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
Trys Mudford · May 16, 2022
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?
Sia Karamalegos · May 16, 2022
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.
Aleksandr Hovhannisyan · May 15, 2022
Eleventy Build went from 54s to 17s—Memory/Performance Wins
YouTube video
Zach Leatherman · May 9, 2022
Categories: PerformanceYouTube
Favicons in root with Eleventy
A simple way to get any and all favicon variations in root for an Eleventy site.
Den McHenry · May 8, 2022
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
Matthew · May 8, 2022
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...
Quinn Dombrowski · May 7, 2022
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.
Aleksandr Hovhannisyan · May 5, 2022
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.
Ryan Boone · May 5, 2022
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.
Florian Eckerstorfer · Apr 30, 2022
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.
Chelsea Adams · Apr 28, 2022
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.
Florian Eckerstorfer · Apr 23, 2022
Eleventy Related Posts Using TF-IDF
Automating related posts in Eleventy with term frequency-inverse document frequency and eleventy-plugin-related.
Justin Poehnelt · Apr 16, 2022
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.
Tomi Chen · Apr 16, 2022
Syntax highlighting for AsciiDoc with Eleventy
Saneef H. Ansari · Apr 12, 2022
Use Your Saffron Recipes in the Jamstack
How to use your Saffron recipes in a jamstack site.
Raymond Camden · Apr 11, 2022
Categories: How to...
New Looks
Full-stack development and design. Based in Central Ohio and accepting projects from all over the world.
Chelsea Adams · Apr 6, 2022
Categories: Migrating to Eleventy
Thoughts on the Jamstack and Content Metrics
Tips for getting an understanding of your site's content
Raymond Camden · 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
Raymond Camden · Apr 3, 2022
Categories: How to...Remote DataRSS
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
Michele Nasti · Apr 2, 2022
Categories: How to...
Eleventy Progressive Web App
Catching the Eleventy Lighthouse obsession bug!
Justin Poehnelt · Mar 31, 2022
Categories: PerformanceHow 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.
Florian Eckerstorfer · Mar 30, 2022
Validating my Eleventy Blog's HTML
This site serves as a bit of a showcase, reference, and general brain dump, so content may vary!
Matthew · Mar 30, 2022
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!
Popular history books · 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.
Sandro Roth · Mar 29, 2022
Categories: How to...
Using Sanity CMS to host an image gallery for an existing 11ty site
Sometimes it's too late for a starter project
Cassey Lottman · Mar 27, 2022
Categories: How to...CMSImage 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.
Stephanie Eckles · Mar 25, 2022
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.
Dustin Whisman · Mar 23, 2022
Categories: Getting Started
Per-file commit logs with Eleventy
Using computed data and simple-git to generate file-specific changelogs.
Max Kohler · Mar 21, 2022
Categories: How to...
Eleventy + Vue 3
Tips and tricks for using Vue 3 Single File Components as templates for Eleventy.
Fynn Becker · Mar 20, 2022
Categories: ConfigurationHow to...Plugins
11ty aliases the right way
A short little tutorial on how to make redirects in 11ty that aren't awful.
Evan Boehs · Mar 20, 2022
Categories: CollectionsConfigurationHow to...Pagination
11ty quick tip: Nunjucks include in markdown without indentation
If you're not careful, included files are not correctly rendered.
Tim Kleyersburg · Mar 19, 2022
Categories: Nunjucks/MacrosMarkdown
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.
Aleksandr Hovhannisyan · Mar 17, 2022
Categories: How to...
Generate Social Image Covers With Eleventy And Node-Canvas
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.
Rik Schennink · Mar 17, 2022
Categories: ConfigurationHow to...Social Media
A 11ty Reading Time Plugin Quest
Blog and general digital garden of the full stack programmer Simon Dann.
Simon Dann · Mar 16, 2022
How I built Around the Web
How I added a new format to my website, automated publication to a newsletter, and added categories.
Oscar · Mar 15, 2022
Categories: How to...
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.
Phil Wolstenholme · Mar 15, 2022
Categories: PerformanceHow to...
11ty time's the charm
Miguel Calderón. Software Engineer. I build software and lead teams.
Miguel Calderón · Mar 15, 2022
Categories: BloggingWhy Eleventy?
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!
Evan Boehs · Mar 12, 2022
Categories: Collections
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
Andrea Berardi · Mar 11, 2022
Categories: InternationalizationHow to...
Including RSS Content in your Eleventy Site
A quick example of using RSS content for an Eleventy page.
Raymond Camden · Mar 8, 2022
Categories: Remote DataHow 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.
Aleksandr Hovhannisyan · Mar 3, 2022
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.
Tim Vermaercke · Feb 28, 2022
Categories: ServerlessHow 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.
Ryan Boone · Feb 26, 2022
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.
Michael Harley · Feb 21, 2022
Categories: BloggingFront MatterHow 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.
Stephanie Eckles · Feb 19, 2022
Categories: CSS/SassGetting 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.
Nicholas C. Zakas · Feb 17, 2022
Categories: How to...
Notes Section: From Notion To Eleventy
How to write notes on Notion and publish with Eleventy
Geekosaur · Feb 15, 2022
Categories: Remote DataHow 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.
Lene Saile · Feb 15, 2022
Categories: How to...
Adding QR Codes to Your Jamstack Site
A look at adding QR codes to your Jamstack site.
Raymond Camden · Feb 11, 2022
Categories: PaginationHow to...
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.
Brewhouse Digital · Feb 5, 2022
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.
Brewhouse Digital · Feb 5, 2022
A Google Static Maps Eleventy Plugin
A simple Eleventy plugin to support Google Static Maps
Raymond Camden · 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.
Bryan Lee · Feb 1, 2022
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.
Marc Littlemore · Jan 30, 2022
My complete blogging workflow
Here is my complete blogging workflow from how I manage ideas all the way to publishing and sharing.
Michael Harley · Jan 29, 2022
Categories: BloggingHow to...ImagesFront Matter
Using a Google Photos Album in your Eleventy Site with Pipedream
Integrating a Google Photos Album in your Eleventy site with Pipedream
Raymond Camden · Jan 28, 2022
Categories: ImagesHow to...Remote DataImage 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.
Bryce Wray · Jan 25, 2022
Categories: ImagesRemote Data
Using Storybook with Nunjucks components in Eleventy
The online journal of Ashur Cabrera.
Ashur Cabrera · Jan 24, 2022
Categories: Nunjucks/MacrosHow to...
Say hello to obsolete29.com v4!
Eleventy came out with v1.0 so I rebuilt my site to celebrate.
Michael Harley · 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.
Nic Raboy · Jan 19, 2022
Categories: PaginationHow to...
A Guide to Building a Blog in Eleventy
A guide that walks folks through the process of building a blog with Eleventy
Raymond Camden · Jan 19, 2022
Categories: BloggingHow to...Getting Started
Using the Netlify CMS locally
I have recently been building a few websites using Eleventy. This is a static site generator, built using Jamstack methodology. This is a great way to get a simple website built, as it gives…
Trevor Morris · Jan 18, 2022
Powering the latest Gaiety.life blog (here!) with 11ty
My favorite static site generator along with Tailwind UI to rebuild this very site.
Ava Gaiety Wroten · Jan 13, 2022
Categories: Why Eleventy?
Formatting Frontmatter in Eleventy
I like how Odyssey Dao highlights some parts of its titles. If I were writing standard html, I would replicate the effect adding a span with a class to create a style in CSS. However, in eleventy the front matter is parsed as text. In other words...
Lucheto · Jan 12, 2022
Categories: Front MatterHow 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
Ben Myers · Jan 6, 2022
Categories: YouTubeData Cascade
Build JAMstack-ready sites with Bootstrap and 11ty (Eleventy)
Webpixels · Jan 5, 2022
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!
Josh Cunningham · Jan 4, 2022
Categories: CollectionsLayouts
11ty tips I wish I knew from the start
David East's personal site full of blog posts and stuff.
David East · Jan 3, 2022
Categories: ConfigurationData CascadeGetting StartedNavigation
Going all in with Jamstack and Eleventy
I rebuilt my personal site with Eleventy, a static site generator, and am loving it!
Tim Kleyersburg · Jan 3, 2022
Categories: Getting Started
2021
Setting a timestamp for posts and RSS feeds in eleventy
Al Power · Dec 29, 2021
Just Enough JavaScript for Eleventy
Want to try Eleventy, but not very experienced in JavaScript yet? You're in the right place.
Cassey Lottman · Dec 25, 2021
Categories: ConfigurationHow to...
Running Netlify Dev and Eleventy Two or More Times At Once
A tip for folks using Netlify Dev and Eleventy
Raymond Camden · 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.
David Atanda · Dec 1, 2021
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.
Henry Desroches · Dec 1, 2021
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!
Henry Desroches · Dec 1, 2021
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!
Sia Karamalegos · Nov 22, 2021
Categories: Webmentions
Includes and Macros
I design and build websites, web applications, and data visualizations. I’ve been known to play fiddle from time to time and board games.
Evan Sheehan · Nov 20, 2021
Categories: Nunjucks/Macros
Dynamically choosing a data file to use in Eleventy templates
What if I need _data/stuff.json sometimes and _data/thing.json other times?
Cassey Lottman · Nov 17, 2021
Categories: Data CascadeGlobal Data
Time is on your side
The HTML time element is both useful and easy to use.
Dana Byerly · Nov 16, 2021
Mix and match template syntax in Eleventy using the render plugin
A post by Zach Leatherman (zachleat)
Zach Leatherman · 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.
Aleksandr Hovhannisyan · Nov 14, 2021
Categories: Global DataHow 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.
Stephanie Eckles · Nov 11, 2021
Categories: Collections
Implementing a search bar on my static website
A personal blog where I write about my side projects
Adrien · Nov 9, 2021
Migrating to Eleventy
Quick brain dump around my experience with Eleventy.js, a static site generator.
Ryan Mulligan · Nov 8, 2021
Categories: Migrating to Eleventy
Managing a secrets directory in your eleventy site
A personal blog where I write about my side projects
Adrien · Nov 7, 2021
Categories: ConfigurationHow to...
Eleventy 1.0 - Global Data via Plugins Example
A followup on my post concerning Eleventy's new addGloblData feature
Raymond Camden · Nov 7, 2021
Categories: Global DataPlugins
Eleventy 1.0 - New Option for Global Data
A look at a new way to create global data for Eleventy 1.0 sites.
Raymond Camden · Nov 2, 2021
Categories: Global Data
Converting a simple HTML site to use Eleventy
For when you're ready for a little templating fun
Cassey Lottman · Oct 23, 2021
Categories: How to...Migrating to Eleventy
Updated social sharing (open graph protocol) images for my personal site
Using the large social sharing images added nothing to the information being published so I've decided to stop using them.
Michael Harley · Oct 18, 2021
Categories: Social MediaHow to...
Eleventy 1.0 - Dynamic Ignores
Eleventy 1.0's new support for dynamic file ignore settings.
Raymond Camden · Oct 15, 2021
Categories: Configuration
Adding PDF Output Support to Eleventy
Using Eleventy transforms and Adobe PDF Services to create dynamic PDFs.
Raymond Camden · 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
Raymond Camden · Oct 11, 2021
Categories: How to...Configuration
How to password protect a static site on Vercel, Netlify, or any JAMStack site
Walkthrough, demo & code example
Al Power · Oct 10, 2021
Inspecting an existing 11ty project
Great talk by Cassey Lottman
Katie Kodes · Oct 4, 2021
Categories: How to...ConfigurationDebugging
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,
Bryan Robinson · Oct 3, 2021
Categories: ServerlessSearchHow to...
Introduction to Eleventy (11ty) ELEVENTY
This is a simple introduction to Eleventy (11ty), a popular static site generator.
Keenan Payne · Oct 3, 2021
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.
Mathieu Huot · Oct 2, 2021
Creating a (Manual) Related Posts Feature in Eleventy
How to handle post relations in Eleventy in a manual fashion.
Raymond Camden · 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
Thomas Semmler · Sep 22, 2021
Categories: Getting Started
Supporting Multiple Authors in an Eleventy Blog - Follow-Up
An udate to my earlier Eleventy demo showing how to handle multiple authors
Raymond Camden · 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.
Ayooluwa Isaiah · Sep 15, 2021
Categories: How to...Deployment
Every fire needs a sparkline
A post by Zach Leatherman (zachleat)
Zach Leatherman · 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.
Michael Harley · Sep 10, 2021
Categories: How to...
Using PDFs with the Jamstack - Building a Document Viewer
Using Adobe PDF Services to build a document viewer for your Jamstack site
Raymond Camden · 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.
Mike Aparicio · Aug 29, 2021
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.
Sean David · Aug 24, 2021
Categories: How to...
Fix dates on Eleventy RSS feeds
Saneef H. Ansari · Aug 20, 2021
Using Liquid Blocks in Eleventy Layouts
A look at using multiple blocks and having them render in Liquid templates
Raymond Camden · Aug 19, 2021
Automatically Generated Social Media Images with HTML, CSS, Eleventy & Puppeteer
Prettier previews, built with many moving parts.
Shiv J.M. · Aug 16, 2021
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.
Nathan Blaylock · Aug 14, 2021
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
Raymond Camden · Aug 11, 2021
Using parameters in your eleventy includes with nunjucks macros
Includes are great. But for actual reusability of code, parameters are always needed. Luckily, nunjucks makes this possible with macros!
Thomas Semmler · Aug 10, 2021
Categories: How to...Nunjucks/Macros
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.
Josh Crain · Aug 9, 2021
Categories: Data CascadeHow 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!
Aleksandr Hovhannisyan · Aug 8, 2021
Categories: How to...
Filter Titles for RSS and Social Shares
Replace characters that are often stripped out of post titles by RSS readers and social network link embeds
Stephanie Eckles · Aug 8, 2021
Categories: How to...Social MediaFiltersRSS
Modular code with Nunjucks and Eleventy
These days, web development and design are all about modularization and components. Template languages have a lot to offer and Eleventy itself has a few tricks up its sleeve.
Jérôme Coupé · Aug 6, 2021
Categories: Nunjucks/Macros
Reusable code snippets and components in Eleventy
Some cunning ways to use Nunjucks and 11ty shortcodes for reusable blocks
Fuzzy Logic · Aug 3, 2021
Categories: How to...
An Adobe PDF Embed Plugin for Eleventy
Eleventy users can now add a PDF Embed plugin to their sites
Raymond Camden · Aug 2, 2021
Categories: How to...Global DataConfigurationPlugins
When to Use Pagination in Eleventy
Contrasting pagination and looping, with examples and a reference image.
Shiv J.M. · Jul 31, 2021
Categories: Pagination
Page Level URL Fetching with Eleventy
Making a network request on a page with Eleventy
Raymond Camden · Jul 30, 2021
Categories: How to...Remote DataFront MatterGlobal Data
Using Nunjucks shortcodes in Markdown files in Eleventy
Unlock the power of Eleventy Image in your md posts
Cassey Lottman · Jul 29, 2021
Categories: MarkdownNunjucks/MacrosShortcodes
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.
Jérôme Coupé · 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.
Tanner Dolby · Jul 29, 2021
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.
Juha-Matti Santala · Jul 28, 2021
Categories: FiltersHow to...ServerlessRemote Data
Building a notification thingamajig with Eleventy data
The online journal of Ashur Cabrera.
Ashur Cabrera · Jul 26, 2021
Categories: Data CascadeHow to...
Getting your bearings in an existing Eleventy project
Questions to ask to start making changes quickly
Cassey Lottman · 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
Mike Street · Jul 26, 2021
Categories: CollectionsHow to...Remote Data
Eleventy and template extends
A quirk detail about how Elevent handles extending a Nunjucks layout using template blocks.
Ramon Lapenta · Jul 23, 2021
Categories: Layouts
Applying frontmatter defaults to a whole folder of posts in eleventy
Using JSON data files to apply defaults
Al Power · Jul 22, 2021
Categories: How to...Front Matter
Formatting dates nicely in 11ty with Luxon
Using Luxon to format dates in your nunjucks templates
Al Power · Jul 22, 2021
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.
Phil Hawksworth · Jul 20, 2021
Categories: ServerlessHow to...
Setting a conditional variable in Javascript
Power Platform Developer and all around cool guy
Michael Harley · Jul 19, 2021
Improving my automated open graph image process w/ Eleventy
Power Platform Developer and all around cool guy
Michael Harley · Jul 14, 2021
Categories: ImagesSocial MediaHow to...
Integrating Eleventy with GitHub Flat Data
How to use the Flat Data GitHub action with Eleventy
Raymond Camden · Jul 14, 2021
Categories: Remote Data
How I Create an Article Series in Eleventy
Front matter, templates, collections, and JavaScript.
Shiv J.M. · 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.
Michael Harley · Jul 13, 2021
Manage Design Tokens in Eleventy
Eleventy offers the ability to transform data, which is handy for creating and transforming design tokens
Fuzzy Logic · Jul 12, 2021
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
Mike Street · Jul 12, 2021
Categories: Remote DataCollectionsHow to...RSS
Creating an Additive Capture Shortcode in Eleventy
Creating a capture shortcode that appends insteads of replacing
Raymond Camden · Jul 12, 2021
Categories: How to...
Notion API with 11ty
How to use the Notion API in 11ty
Constant Vallee · Jul 4, 2021
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!
Bryan Robinson · 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
Mike Street · Jun 28, 2021
Categories: CollectionsHow to...Global Data
A First Look at Eleventy Serverless!
YouTube video
Ben Myers · Jun 27, 2021
Categories: ServerlessYouTube
Bundle JavaScript with Eleventy and esbuild
Rob Anderson · Jun 27, 2021
Categories: Asset PipelinesHow to...
Turn static HTML/CSS into a blog with CMS using the JAMStack
YouTube video
Kevin Powell · Jun 24, 2021
Categories: CMSConfigurationDeploymentGetting StartedBlogging
Dynamic Short URLs with Eleventy
Creating URL aliases dynamically with Eleventy
Raymond Camden · Jun 22, 2021
Categories: Front MatterCollectionsHow to...
Minimal SASS & eleventy Setup
A post about setting up SASS with eleventy without additional tools
Thomas Semmler · Jun 21, 2021
Categories: CSS/Sass
Webmentions + Eleventy Talk
Slides and resources from my talks at JamStack Toronto and Magnolia JS.
Sia Karamalegos · Jun 18, 2021
Categories: Webmentions
Using Lunr with Eleventy via Netlify Serverless Functions - Part Two
A followup to my post demonstrating using Lunr via serverless functions
Raymond Camden · Jun 6, 2021
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.
Aleksandr Hovhannisyan · Jun 3, 2021
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
Raymond Camden · Jun 2, 2021
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
Mike Street · May 31, 2021
Categories: Collections
Going Beyond Static Sites With Eleventy
YouTube video
Stephanie Eckles · 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.
Darek Kay · May 28, 2021
Categories: Migrating to Eleventy
Itsiest, Bitsiest Eleventy Tutorial
Want to get started with Eleventy but feel overwhelmed? Try out this pared-down tutorial
Sia Karamalegos · May 24, 2021
Categories: Getting Started
Hiding posts with future dates in Eleventy
Saneef H. Ansari · May 24, 2021
A Remarkable Discovery
I switched from markdown-it to remark and I’m much happier for it.
Shiv J.M. · May 23, 2021
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
Mike Street · May 17, 2021
Building a Choose Your Own Adventure site with Eleventy
How I built a "Choose Your Own Adventure" style site with Eleventy
Raymond Camden · May 16, 2021
Categories: Front MatterHow to...
Create posts in Eleventy using collections
Michael Chan · May 14, 2021
Categories: CollectionsHow to...
Deploying an 11ty Site to Azure Static Web Apps
Chad Schulz · May 13, 2021
Categories: DeploymentHow 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.
Marc Radziwill · May 12, 2021
Categories: Why Eleventy?
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.
Brewhouse Digital · May 9, 2021
Stop forgetting the Eleventy Data Cascade
Eleventy is a great static site generator and one of the best parts of it is The Data Cascade. It's a notably simple way to map data to templates and I mean that in the best possible Simple Made Easy sense. I hope more static site generators steal it...
Kaan Divringi · May 2, 2021
Categories: Data Cascade
Adding an Email Subscription to Your Jamstack Site
Using MailChimp to provide a list service for new posts on your blog
Raymond Camden · 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
Eric Bailey · Apr 28, 2021
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.
Nicolas Goutay · Apr 27, 2021
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.
Max Böck · 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.
Bryan Robinson · Apr 25, 2021
Categories: CMSCollections
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.
Florian Eckerstorfer · Apr 25, 2021
Categories: Data CascadeGlobal 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
Rares Portan · Apr 25, 2021
Categories: Asset PipelinesHow 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.
Martin Schneider · Apr 21, 2021
Categories: ImagesSocial MediaHow to...
Archives & Permalinks
How I got the archive page permalinks right.
Shiv J.M. · 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
Mike Street · Apr 19, 2021
Categories: DeploymentHow 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!
Xavier · Apr 18, 2021
Categories: Migrating to EleventyBlogging
Using Eleventy’s official image plugin
The what, why, and how of Eleventy Image.
Bryce Wray · Apr 17, 2021
Layout Templating
Tips for creating Eleventy layouts.
Stephanie Eckles · Apr 16, 2021
Categories: CSS/Sass
Building a Database Driven Eleventy Site
Using a database (MySQL) to drive content for an Eleventy site
Raymond Camden · Apr 15, 2021
Categories: PluginsPaginationGlobal Data
Medium-Style Share Highlights in 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.
Max Böck · 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
Mike Street · Apr 12, 2021
Categories: CollectionsHow 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
Bernard Nijenhuis · Apr 7, 2021
Categories: How to...
npx eleventy !== npx @11ty/eleventy
Use the former at your own risk.
Cassey Lottman · 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
Raymond Camden · Apr 7, 2021
Categories: ImagesHow to...PluginsConfigurationImage Galleries
Faster YouTube embeds in Eleventy
Use lite-youtube-embed in Eleventy for faster and more privacy-minded video
Sia Karamalegos · 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
Mike Street · 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.
Hanna Taylor · Apr 3, 2021
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.
Declan Byrd · Apr 2, 2021
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…
John Kemp-Cruz · Mar 29, 2021
Quick Tips for Eleventy and Vercel
A quick tip for folks using Eleventy and Vercel together.
Raymond Camden · Mar 27, 2021
Categories: DeploymentHow to...Debugging
11ty Date Shortcodes and Filters
Use this shortcode and filter as a starting point for your date transformation needs.
Stephanie Eckles · Mar 27, 2021
Categories: DatesHow to...FiltersShortcodes
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
Bernard Nijenhuis · 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.
Stephanie Eckles · Mar 24, 2021
Categories: Getting Started
Filters for 11ty Content
Includes filters for creating an excerpt and other content enhancements.
Stephanie Eckles · Mar 24, 2021
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.
Nicolas Hery · Mar 21, 2021
Categories: Migrating to EleventyBlogging
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.
Martin Schneider · Mar 21, 2021
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.
Bryce Wray · Mar 20, 2021
Collection archive in Eleventy
Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats
Bernard Nijenhuis · Mar 17, 2021
Categories: How to...Collections
Using PDFs with the Jamstack - Now with Thumbnails
Combing Adobe PDF APIs with Eleventy to create PDF Thumbnails
Raymond Camden · Mar 16, 2021
Categories: How to...Remote DataPagination
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.
Luke Bonaccorsi · Mar 15, 2021
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
Bernard Nijenhuis · 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.
Brian Perry · Mar 7, 2021
Categories: PaginationHow to...Collections
Accessible anchor links with Markdown-it and Eleventy
I like to be able to link directly to a section in a long content. I wish every site provided anchor links associated to headings, even if Text Fragments might be a cross browser thing sometimes in the future. Here's how I made the anchor links of my Eleventy based site accessible.
Nicolas Hoizey · Feb 25, 2021
Categories: MarkdownHow to...Accessibility
Using PDFs with the Jamstack
Using the Adobe PDF Embed API to view PDFs on your Jasmstack site
Raymond Camden · Feb 25, 2021
Categories: How to...Global DataPagination
Migrating from Middleman to Eleventy
Angelique Weger · Feb 24, 2021
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.
Ingo Steinke · Feb 23, 2021
Categories: CSS/SassNetlifyGetting 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.
Raphael Höser · Feb 22, 2021
Categories: How to...
Integrating Navigation Search with Lunr and Eleventy
How to use navigation search forms and Lunr
Raymond Camden · Feb 22, 2021
Categories: SearchNavigationHow 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.
Ben Myers · Feb 21, 2021
Categories: Data CascadeGlobal Data
Encapsulated Eleventy/Nunjucks components with macros
How to pass parameters to an include in Nunjucks
Trys Mudford · Feb 19, 2021
Categories: Nunjucks/Macros
Site Metadata
A useful technique to manage site metadata (title, description, url, etc) for ease of retrieval throughout templates and content.
Stephanie Eckles · Feb 15, 2021
Categories: Data CascadeGlobal 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.
Stephanie Eckles · Feb 15, 2021
Categories: Data CascadeCollections
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.
Luke Bonaccorsi · Feb 12, 2021
Categories: Migrating to Eleventy
Responsive, accessible navigation - 1st of a 6-Part Series
Overview
Katie Kodes · Feb 8, 2021
Categories: NavigationAccessibility
Create an Eleventy podcast feed
Want to add an iTunes and Google friendly podcast feed to your Eleventy site? Here's how.
Marc Littlemore · Feb 8, 2021
Categories: FiltersBloggingHow 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.
Max Böck · Feb 7, 2021
Categories: Webmentions
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.
Lea Rosema · Feb 5, 2021
Categories: Getting StartedWhy Eleventy?
Group posts by year in Eleventy
Using a custom 11ty collection to group post by any attribute.
Darek Kay · Jan 31, 2021
Categories: DatesHow to...Collections
Eleventy plugin for generating social images (using SVG)
How I created an eleventy plugin to automatically generate social-images for your website and blog posts.
Kumar Abhishek · Jan 28, 2021
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.
Stephanie Eckles · Jan 28, 2021
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.
Craig Buckler · Jan 27, 2021
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.
James Doc · Jan 26, 2021
Categories: PaginationDatesHow 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.
Graham F. Scott · Jan 25, 2021
Categories: Plugins
Don't shut down your business! Instead use Eleventy Image
A post by Zach Leatherman (zachleat)
Zach Leatherman · 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).
Kumar Abhishek · Jan 24, 2021
Configure markdown footnotes in eleventy
Al Power · Jan 23, 2021
Categories: How to...MarkdownConfiguration
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
Rares Portan · Jan 23, 2021
Eleventy: Paging Filtered Collections
Pheonic · Jan 22, 2021
Categories: PaginationFiltersCollections
Using Pre-Built Lunr Indexes with Eleventy
Switching to Pre-Built Lunr indexes with Eleventy sites
Raymond Camden · Jan 22, 2021
Categories: SearchHow 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.
Marc Littlemore · Jan 21, 2021
Add HTML classes to 11ty markdown content
11ty comes with some useful plugins for markdown manipulation, one of these is... Tagged with 11ty, eleventy.
Giulia Chiola · Jan 20, 2021
Categories: Markdown
Add YouTube and Twitter Shortcodes to Eleventy
Michael Chan · Jan 20, 2021
Categories: How to...YouTubeShortcodes
Webmentions: Joining the IndieWeb
I design and build websites, web applications, and data visualizations. I’ve been known to play fiddle from time to time and board games.
Evan Sheehan · Jan 18, 2021
Categories: Webmentions
Accessing Eleventy Data on the Client Side
Accessing Eleventy data files in your JavaScript code
Raymond Camden · Jan 18, 2021
Categories: Global DataRemote DataHow to...Front Matter
Moving from Gatsby to Eleventy
Thoughts and learnings of Graham Martin, a UI Developer in London, UK
Graham Martin · Jan 17, 2021
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.
Oscar · Jan 15, 2021
Categories: Images
Automatic social sharing images for Eleventy
Mark Thomas Miller · Jan 10, 2021
Categories: ImagesSocial MediaHow 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.
Sean Davis · Jan 10, 2021
Categories: How to...
Automated social sharing images with Eleventy and Puppeteer
Power Platform Developer and all around cool guy
Michael Harley · Jan 9, 2021
Setup social sharing previews, SEO, and favicons on Eleventy
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.
Michael Harley · Jan 3, 2021
Categories: Social MediaImagesHow to...
Accessible amojis with 11ty
I’m Kitty Giraudel, a non-binary trans frontend developer based in Berlin, focused on accessibility and inclusivity.
Kitty Giraudel · Jan 2, 2021
Categories: AccessibilityHow to...
Trigger a Netlify build every day with IFTTT
Trigger a Netlify Build Every Day with IFTTT — Eleventy
11ty · Jan 1, 2021
Categories: DeploymentNetlify
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
Andy Bell · Dec 31, 2020
Categories: ConfigurationHow to...
RSS, a love letter and walkthrough for my Eleventy site
Power Platform Developer and all around cool guy
Michael Harley · Dec 31, 2020
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.
Bryce Wray · 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...
Malte Ubl · Dec 28, 2020
Dynamic heading levels in Eleventy
While looking around a repository at something else I discovered this clever approach.
Dana Byerly · Dec 26, 2020
Categories: How to...
Configuring responsive and optimized images with Eleventy
Power Platform Developer and all around cool guy
Michael Harley · Dec 21, 2020
Building my personal site with Eleventy
Power Platform Developer and all around cool guy
Michael Harley · Dec 20, 2020
Categories: Getting StartedBloggingWhy Eleventy?ConfigurationLayouts
Add structured data annotations to Eleventy blog
Add structured data (JSON-LD) to enable rich snippets in Google search results.
Max Ivanov · Dec 17, 2020
Categories: How to...Data CascadeBlogging
Hashing out a cache-busting fix for Eleventy
Some of the code behind my previous post.
Bryce Wray · Dec 15, 2020
Categories: CSS/Sass
Custom collection list markup in Eleventy
Dan Denney · Dec 15, 2020
Categories: CollectionsHow to...
Using Airtable with Eleventy
A long-winded look at getting Airtable data into Eleventy.
Dana Byerly · Dec 11, 2020
Categories: Remote DataHow 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
Sia Karamalegos · Dec 11, 2020
Categories: Images
Generating Social Sharing Images In Eleventy
Standing on the shoulders of giants makes it possible to generate social sharing images with very little code.
Steven Hicks · Dec 10, 2020
Categories: Social MediaImagesHow 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…
Amber Wilson · Dec 8, 2020
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.
Mike · Dec 8, 2020
Categories: Data CascadeHow to...FiltersShortcodes
Adding Google Calendar to Your Jamstack - with Pipedream
An updated demonstration of integration calendar data into your Jamstack site - with Pipedream
Raymond Camden · Dec 8, 2020
Categories: Remote DataHow to...
Flexible components in Eleventy with Nunjucks macros
Iain Bean · Dec 4, 2020
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.
Kitty Giraudel · Dec 3, 2020
Categories: CSS/SassConfiguration
Footnotes in 11ty
I’m Kitty Giraudel, a non-binary trans frontend developer based in Berlin, focused on accessibility and inclusivity.
Kitty Giraudel · 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.
Kitty Giraudel · 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.
Ryan Boone · Nov 28, 2020
Categories: Front MatterData CascadeHow to...
Parsing markdown in frontmatter for Eleventy templates, using filters
Victor Camnerin · Nov 24, 2020
Categories: Front MatterHow to...FiltersMarkdown
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.
Chris Burnell · 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
Eric Bailey · Nov 22, 2020
Categories: ConfigurationHow 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…
Amber Wilson · Nov 20, 2020
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.
Dennis Hendricks · Nov 19, 2020
Asset Pipelines in Eleventy
I design and build websites, web applications, and data visualizations. I’ve been known to play fiddle from time to time and board games.
Evan Sheehan · Nov 13, 2020
Categories: How to...CSS/SassAsset Pipelines
Jamstack 101: Getting Started with Eleventy
Joel Varty will show you how to get started building Jamstack sites using JavaScript and Eleventy.
Joel Varty · Nov 12, 2020
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.
Bryce Wray · Nov 10, 2020
Adding a Warning for Old Posts to Your Jamstack Site
How to add a message to older content on your static site.
Raymond Camden · Nov 9, 2020
Launching the New and Improved CSS { In Real Life }
Michelle Barker · 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.
Sam Richard · Nov 4, 2020
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.
David Darnes · 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.
Tanner Dolby · Oct 31, 2020
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.
Luciano Mammino · Oct 31, 2020
Categories: Getting Started
Selecting Random Posts in Eleventy
A look at adding links to random pages in Eleventy
Raymond Camden · Oct 26, 2020
Categories: How to...FiltersConfiguration
Responsive Images with Eleventy & Sharp
High school student and open source developer.
Ryan Cao · Oct 23, 2020
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
Juan Fernandes · Oct 22, 2020
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.
Rares Portan · 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.
Florian Eckerstorfer · Oct 12, 2020
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.
Tom Anderson · Oct 11, 2020
Categories: Why Eleventy?
Tips for debugging in 11ty
Some quick debugging tips that I came up with whilst building my personal blog.
George Griffiths · Oct 9, 2020
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?
Mike Street · 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.
Mike Street · Oct 5, 2020
Categories: ConfigurationHow to...
@fec/eleventy-plugin-remark v2.0.0 released
I released @fec/eleventy-plugin-remark v2.0.0
Florian Eckerstorfer · Oct 4, 2020
Categories: Plugins
Tracking Posts by Week in Eleventy
A quick hack to get the number of posts written per week in Eleventy
Raymond Camden · Sep 30, 2020
Manually splitting CSS files in Eleventy
Don't want to use a bundler? Eleventy makes it easy to manually split your CSS.
Dana Byerly · Sep 28, 2020
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.
Sean Davis · Sep 24, 2020
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
Juan Fernandes · Sep 22, 2020
Categories: Social MediaImagesHow 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.
Zach Leatherman · 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.
Luciano Mammino · Sep 17, 2020
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.
Fershad Irani · Sep 15, 2020
Categories: How to...
Hooking Up FaunaDB to Eleventy
Father, husband, developer relations and web standards expert, and cat demo builder.
Raymond Camden · Sep 15, 2020
Categories: Remote DataHow to...Pagination
Eleventy Clock
The online journal of Ashur Cabrera.
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.
Dana Byerly · Sep 5, 2020
Categories: Remote DataGlobal DataData Cascade
Eleventy: RSS Feeds and Front Matter Data
Getting front matter data into my Nunjucks RSS feed templates.
Mark Llobrera · Sep 4, 2020
Categories: Front MatterHow 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.
Rares Portan · 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...
Malte Ubl · Sep 1, 2020
Categories: BloggingPerformance
Favourite Things 1: GSAP ScrollTrigger, Eleventy, and more
Michelle Barker · 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.
Rares Portan · 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.
Raymond Camden · Aug 24, 2020
Categories: Front MatterHow to...FiltersPagination
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
Stephanie Eckles · Aug 20, 2020
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
Stephanie Eckles · Aug 19, 2020
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.
Sean Davis · 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.
Raymond Camden · Aug 16, 2020
Categories: Migrating to EleventyServerlessHow 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
Raymond Camden · Aug 15, 2020
Categories: ServerlessMigrating to Eleventy
Hiding Future Content with Eleventy
How to use custom filters and collections to hide Eleventy content for the future.
Raymond Camden · Aug 7, 2020
Categories: How to...Front MatterFiltersCollections
Migrating from Node and Express to the Jamstack - Part 1
A look at how you can migrate from Node to the Jamstack
Raymond Camden · Aug 6, 2020
Categories: Migrating to EleventyGlobal DataPagination
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.
Martin Schneider · Aug 4, 2020
Categories: Blogging
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.
Bryan Robinson · Jul 31, 2020
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!
Contentful · Jul 28, 2020
Categories: CMS
How to generate ID attributes in headings using Eleventy
Eleventy doesn't generate heading IDs by default, here's how to do it.
Nicholas C. Zakas · Jul 28, 2020
Adding Algolia Search to Eleventy and Netlify
How I added Algolia Search to an Eleventy Site
Raymond Camden · Jul 24, 2020
Chasing 100: tips for optimizing your website
It takes work, but making your website better is worth it.
Bryce Wray · Jul 16, 2020
Categories: Performance
From Gatsby to Eleventy: Choosing a Static Site Generator for a Personal Site
Michelle Barker · 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.
Ken Hawkins · Jul 13, 2020
Categories: Migrating to Eleventy
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
Greg Wolanski · Jul 10, 2020
Categories: CSS/Sass
Adding Algolia Search to Eleventy and Netlify - Part Two
An update to my post on using Algolia with Eleventy
Raymond Camden · Jul 1, 2020
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 👀).
Matt Northam · Jun 30, 2020
Categories: Migrating to Eleventy
Building and maintaining components from utility classes in Eleventy
Use a collection of utilities to form components without additional CSS.
Christopher Kirk-Nielsen · Jun 29, 2020
Your blog doesn’t need a JavaScript framework
Why I choose Eleventy over Gatsby for my new website
Iain Bean · Jun 21, 2020
Categories: Why Eleventy?
Moving from Jekyll to Eleventy
Moving a blog-centric site from Ruby-based Jekyll to Javascript-based Eleventy.
Alex Pearce · Jun 19, 2020
Categories: Migrating to Eleventy
Eleventy: Debugging
I belatedly figure out how to get debug output in Eleventy.
Mark Llobrera · Jun 17, 2020
Categories: Debugging
Eleventy — Using A Layout As A Partial (The Most Useful Things...)
Deniz Akşimşek · Jun 8, 2020
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.
Jérôme Coupé · Jun 8, 2020
Categories: Remote Data
Jekyll vs Hugo vs Gatsby vs Next vs Zola vs Eleventy
Mark Thomas Miller · 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!
Bryan Robinson · May 25, 2020
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.
Martin Schneider · May 25, 2020
Categories: How to...DeploymentNetlify
Integrating Google Analytics with Eleventy
How to use Google Analytics with Eleventy
Raymond Camden · 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.
Grant Smith · May 20, 2020
Categories: How to...Collections
Integrating Netlify Analytics and Eleventy
How to use Netlify's Analytics API in Eleventy
Raymond Camden · May 18, 2020
Categories: How to...Remote Data
Architecting data in Eleventy
Setting and using data in the static site generator Eleventy
Sia Karamalegos · 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.
Martin Schneider · May 13, 2020
Categories: Migrating to Eleventy
Logging with Eleventy and Nunjucks
Adding a simple filter to save you a lot of grief.
Sean McPherson · May 12, 2020
Static Site Generators: Eleventy and webpack (Part 2)
My personal website.
Mark van Seventer · May 9, 2020
Categories: Migrating to Eleventy
Going solo with Eleventy
Losing webpack, regaining Tailwind CSS.
Bryce Wray · May 9, 2020
Categories: Why Eleventy?
Using Nunjucks 'If Expressions' in 11ty to create a simple active navigation state
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
Bryan Robinson · 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.
Sean Davis · 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.
Sean Davis · May 4, 2020
Categories: How to...
Moving From Ghost to Eleventy
Ramblings on bacon, drawing, and technology
David Neal · Apr 29, 2020
Categories: Migrating to Eleventy
How to Include PrismJS CSS Only When Required In Eleventy
How I set up Eleventy to avoid including unnecessary CSS.
Shiv J.M. · Apr 29, 2020
Webmentions in three SSGs: Part 1
The intro to a five-part series about incorporating webmentions into three different static site generators (SSGs).
Bryce Wray · Apr 28, 2020
Categories: How to...Webmentions
Embed Everything
I recently released a plugin for quickly embedding media in Eleventy sites. I think it has potential!
Graham F. Scott · Apr 28, 2020
From Wordpress To Eleventy With Ease
Heydon Pickering · 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.
Max Böck · Apr 18, 2020
Categories: How to...
The full .11ty.js monty
Going all-JavaScript with my Eleventy site.
Bryce Wray · Apr 15, 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.
Sam Thorogood · Apr 9, 2020
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.
Jason Lengstorf · Apr 9, 2020
Categories: Getting Started
Quick Tip on Using Vue with Eleventy
Avoid issues with Vue code being confused for Liquid
Raymond Camden · Apr 3, 2020
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.
Khalid Abuhakmeh · Apr 2, 2020
Categories: ConfigurationData CascadeFiltersGetting Started
Creating a similar post component with Eleventy
How I added a similar post component to my blog with Eleventy and Liquid.
Sarah L. Fossheim · Apr 1, 2020
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
David Atanda · Mar 27, 2020
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.
Juha-Matti Santala · Mar 25, 2020
Categories: Getting StartedBloggingConfiguration
Back to Nunjucks for my Eleventy site
Why I’ve decided for now to backtrack from JavaScript-only templating in Eleventy.
Bryce Wray · 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.
Max Böck · 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.
Juha-Matti Santala · Mar 18, 2020
Categories: Getting StartedGlobal DataLayoutsBlogging
Eleventy's New Performance Leaderboard
A post by Zach Leatherman (zachleat)
Zach Leatherman · Mar 17, 2020
Categories: Performance
Moving this blog from Jekyll to 11ty
A couple of gotchas but mostly very straightforward
Ian Feather · Mar 15, 2020
Categories: Migrating to EleventyBlogging
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.
Juha-Matti Santala · Mar 11, 2020
Categories: Getting StartedDeploymentCMSBlogging
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.
Juha-Matti Santala · Mar 6, 2020
Basic custom taxonomies with Eleventy
Eleventy comes with a built-in tagging system. For a recent project, I wanted to use my own category system, which led me to dive a bit deeper into extending and configuring Eleventy.
Jérôme Coupé · Mar 4, 2020
Categories: Collections
Twitter Cards with Nunjucks and 11ty
Using cards makes sharing your content on Twitter look much nicer.
Tom Hazledine · Feb 28, 2020
Categories: Nunjucks/MacrosSocial MediaHow to...
RaymondCamden.com now powered by Eleventy!
Details on my migration to Eleventy
Raymond Camden · Feb 27, 2020
Categories: Migrating to EleventyWhy Eleventy?
Add pagination for dynamic data in Eleventy
Creating pagination from dynamic data and add a useful navigation bar. Tagged with eleventy, javascript, blog, tutorial.
Josef Biehler · Feb 24, 2020
Categories: PaginationHow to...
Adding Another Template Language to Eleventy
Father, husband, developer relations and web standards expert, and cat demo builder.
Raymond Camden · Feb 19, 2020
Categories: ConfigurationHow to...
Adding Text Linting to Eleventy
An example of using Eleventy's Linter feature
Raymond Camden · Feb 10, 2020
Taking WordPress to Eleventy
How I converted 12 years of posts in WordPress to an Eleventy static site ... and loved every minute of it.
Josh Cunningham · Feb 9, 2020
Categories: Migrating to Eleventy
Checking (and Upgrading) Template Engines in Eleventy
How to check the version of embedded template engines in Eleventy
Raymond Camden · Feb 7, 2020
Categories: How to...ConfigurationFilters
Adding a Last Edited Field to Eleventy
How to add a "Last Edited" value to Eleventy pages.
Raymond Camden · Feb 6, 2020
Categories: How to...CollectionsConfigurationDates
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).
Tom Hazledine · Jan 31, 2020
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.
Jérôme Coupé · Jan 16, 2020
Categories: Getting Started
Let’s Learn Eleventy!
YouTube video
Zach Leatherman · Jan 8, 2020
Categories: Getting StartedYouTube
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.
Phil Hawksworth · Jan 2, 2020
2019
Static Site Generators: from Hugo to Eleventy and Parcel
My personal website.
Mark van Seventer · Dec 22, 2019
Categories: Migrating to Eleventy
Code comfort: Eleventy and webpack
Some words about my Eleventy/webpack configuration.
Bryce Wray · 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.
Sia Karamalegos · 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.
Ken Hawkins · Nov 12, 2019
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.
Ken Hawkins · Oct 21, 2019
Categories: How to...
Adding Search to your Eleventy Static Site with Lunr
Using Lunr to add client-site search to your static site
Raymond Camden · Oct 20, 2019
Categories: SearchCollectionsConfiguration
Migrating from WordPress to Eleventy
Author: Ed Spencer, Article: Migrating from WordPress to Eleventy
Ed Spencer · Oct 16, 2019
Categories: Migrating to Eleventy
Why I'm Digging Eleventy
Father, husband, developer relations and web standards expert, and cat demo builder.
Raymond Camden · 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.
Jérôme Coupé · Sep 12, 2019
Categories: InternationalizationHow 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.
Bryce Wray · Sep 8, 2019
Categories: Migrating to EleventyWhy Eleventy?
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:
Dave Rupert · Aug 19, 2019
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.
Jérôme Coupé · 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! 👩💻
Ghost · Aug 7, 2019
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.
Phil Hawksworth · Jul 15, 2019
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.
Bryan Robinson · Jun 21, 2019
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…
Remy Sharp · Jun 19, 2019
Categories: CollectionsFiltersHow to...Drafts
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).
Bryan Robinson · May 31, 2019
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?
David Darnes · May 31, 2019
Categories: CMS
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.
Jérôme Coupé · Apr 27, 2019
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.
Max Böck · Jan 10, 2019
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...
Jonathan Snook · Jan 6, 2019
Categories: DeploymentHow 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
Zach Leatherman · Dec 26, 2018
Categories: BloggingGetting Started
Keeping Sass Simple and Speedy
Optimising your local development pipleine, for faster Eleventy Sass compilation
Phil Hawksworth · 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.
Phil Hawksworth · Oct 18, 2018
Deploy a free Gatsby, Hugo, or Eleventy website template in 30 seconds
We’ve started a collection of quick-start website project templates. Whether you’re looking for a free Gatsby blog template or a Gulp build pipeline, we’ve got easy options to deploy them for free in 30 seconds.
Phil Hawksworth · Jul 3, 2018
Categories: DeploymentNetlify