Firehose 1,608
2020
Trigger a Netlify build every day with IFTTT
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
By Andy Bell (3 posts)
RSS, a love letter and walkthrough for my Eleventy site
Software developer and team lead working remotely from Richmond, VA. Loves solving problems, grilling, tinkering with Home Assistant, metal shows, and his cats.
By Michael Harley (14 posts)
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.
By Bryce Wray (26 posts)
Dynamic heading levels in Eleventy
While looking around a repository at something else I discovered this clever approach.
By Dana Byerly (8 posts)
Configuring responsive and optimized images with Eleventy
Software developer and team lead working remotely from Richmond, VA. Loves solving problems, grilling, tinkering with Home Assistant, metal shows, and his cats.
By Michael Harley (14 posts)
Building my personal site with Eleventy
Software developer and team lead working remotely from Richmond, VA. Loves solving problems, grilling, tinkering with Home Assistant, metal shows, and his cats.
By Michael Harley (14 posts)
Add structured data annotations to Eleventy blog
Add structured data (JSON-LD) to enable rich snippets in Google search results.
By Max Ivanov (1 post)
Using Airtable with Eleventy
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
By Sia Karamalegos (13 posts)
Generating Social Sharing Images In Eleventy
Standing on the shoulders of giants makes it possible to generate social sharing images with very little code.
By Steven Hicks (1 post)
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.
By Mike (1 post)
Adding Google Calendar to Your Jamstack - with Pipedream
An updated demonstration of integration calendar data into your Jamstack site - with Pipedream
By Raymond Camden (104 posts)
Inlining scripts and styles in 11ty
Iโm Kitty Giraudel, a transfeminine web engineer based in Berlin, focused on accessibility and inclusivity.
By Kitty Giraudel (4 posts)
Footnotes in 11ty
Iโm Kitty Giraudel, a transfeminine web engineer based in Berlin, focused on accessibility and inclusivity.
By Kitty Giraudel (4 posts)
From Jekyll to 11ty
Iโm Kitty Giraudel, a transfeminine web engineer based in Berlin, focused on accessibility and inclusivity.
By Kitty Giraudel (4 posts)
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.
By Ryan Boone (3 posts)
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.
By Chris Burnell (8 posts)
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
By Eric Bailey (2 posts)
Compile Sass With Eleventy
Wert entsteht, wenn Daten auf Strategie und Kreativitรคt treffen
By Dennis Hendricks (1 post)
Asset Pipelines in Eleventy
This is a clever trick (probably too clever) for setting up Eleventy to manage asset pipelines like SCSS and JavaScript transformations, as well as using hashes in filenames for cache busting.
By Evan Sheehan (8 posts)
Jamstack 101: Getting Started with Eleventy
Joel Varty will show you how to get started building Jamstack sites using JavaScript and Eleventy.
By Joel Varty (1 post)
Using PostCSS for cache-busting in Eleventy
Optimizing how browsers handle your siteโs CSS, and why you should care about that.
By Bryce Wray (26 posts)
Adding a Warning for Old Posts to Your Jamstack Site
How to add a message to older content on your static site.
By Raymond Camden (104 posts)
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. Your UI needs
By Sam Richard (1 post)
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.
By David Darnes (5 posts)
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.
By Tanner Dolby (2 posts)
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.
By Luciano Mammino (3 posts)
Selecting Random Posts in Eleventy
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
By Juan Fernandes (4 posts)
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.
By Rares Portan (5 posts)
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.
By Florian Eckerstorfer (9 posts)
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.
By Tom Anderson (1 post)
Tips for debugging in 11ty
Some quick debugging tips that I came up with whilst building my personal blog.
By George Griffiths (1 post)
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?
By Mike Street (13 posts)
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.
By Mike Street (13 posts)
Tracking Posts by Week in Eleventy
A quick hack to get the number of posts written per week in Eleventy
By Raymond Camden (104 posts)
Manually splitting CSS files in Eleventy
Don't want to use a bundler? Eleventy makes it easy to manually split your CSS.
By Dana Byerly (8 posts)
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.
By Sean Davis (6 posts)
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
By Juan Fernandes (4 posts)
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.
By Zach Leatherman (55 posts)
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.
By Luciano Mammino (3 posts)
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.
By Fershad Irani (3 posts)
Hooking Up FaunaDB to Eleventy
Father, husband, developer relations and web standards expert, and cat demo builder.
By Raymond Camden (104 posts)
Eleventy Clock
Using Eleventy data files for frequently used links
Have a set of frequently referenced links? A global data file can come in handy.
By Dana Byerly (8 posts)
How To Deploy an Eleventy Site to Github Pages with a Custom Domain
Home, home on the web, where the links and the hypertexts play
By Justus Grunow (2 posts)
Eleventy: RSS Feeds and Front Matter Data
Getting front matter data into my Nunjucks RSS feed templates.
By Mark Llobrera (7 posts)
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.
By Rares Portan (5 posts)
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...
By Malte Ubl (2 posts)
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.
By Rares Portan (5 posts)
Supporting Multiple Authors in an Eleventy Blog
How to handle multiple authors in Eleventy, with custom author profile pages.
By Raymond Camden (104 posts)
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
By Stephanie Eckles (21 posts)
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
By Stephanie Eckles (21 posts)
Add a Static Directory to an Eleventy Project
Copy static files from a directory into the root of the build directory with Eleventy.
By Sean Davis (6 posts)
Migrating from Node and Express to the Jamstack - Part 3
Father, husband, developer relations and web standards expert, and cat demo builder.
By Raymond Camden (104 posts)
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
By Raymond Camden (104 posts)
Hiding Future Content with Eleventy
How to use custom filters and collections to hide Eleventy content for the future.
By Raymond Camden (104 posts)
Migrating from Node and Express to the Jamstack - Part 1
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.
By Martin Schneider (7 posts)
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.
By Bryan Robinson (15 posts)
How to generate ID attributes in headings using Eleventy
Eleventy doesn't generate heading IDs by default, here's how to do it.
By Nicholas C. Zakas (2 posts)
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!
By Contentful (1 post)
Adding Algolia Search to Eleventy and Netlify
How I added Algolia Search to an Eleventy Site
By Raymond Camden (104 posts)
Chasing 100: tips for optimizing your website
From Gatsby to Eleventy: Choosing a Static Site Generator for a Personal Site
By Michelle Barker (5 posts)
Moving from Panini to Eleventy
Back in February 2018, I wrote about updating this site to use a static-site generator by Zurb (makers of the Foundation Framework) called Panini.
By Ken Hawkins (3 posts)
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
By Greg Wolanski (1 post)
Adding Algolia Search to Eleventy and Netlify - Part Two
An update to my post on using Algolia with Eleventy
By Raymond Camden (104 posts)
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 ๐).
By Matt Northam (1 post)
Building and maintaining components from utility classes in Eleventy
Use a collection of utilities to form components without additional CSS.
By Christopher Kirk-Nielsen (14 posts)
Your blog doesnโt need a JavaScript framework
Moving from Jekyll to Eleventy
Moving a blog-centric site from Ruby-based Jekyll to Javascript-based Eleventy.
By Alex Pearce (1 post)
Eleventy: Debugging
Eleventy โ Using A Layout As A Partial (The Most Useful Things...)
By Deniz Akลimลek (1 post)
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.
By Jรฉrรดme Coupรฉ (10 posts)
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!
By Bryan Robinson (15 posts)
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.
By Martin Schneider (7 posts)
Integrating Google Analytics with Eleventy
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.
By Grant Smith (1 post)
Integrating Netlify Analytics and Eleventy
Architecting data in Eleventy
Setting and using data in the static site generator Eleventy
By Sia Karamalegos (13 posts)
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.
By Martin Schneider (7 posts)
Logging with Eleventy and Nunjucks
Adding a simple filter to save you a lot of grief.
By Sean McPherson (3 posts)
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
By Bryan Robinson (15 posts)
Building a Static API with Eleventy
Implement a Static API using the simple and fast static site generator, Eleventy.
By Sean Davis (6 posts)
Ignore _site Build Directory in Eleventy
How to ignore the build output when adding it to gitignore causes problems.
By Sean Davis (6 posts)
Moving From Ghost to Eleventy
Webmentions in three SSGs: Part 1
The intro to a five-part series about incorporating webmentions into three different static site generators (SSGs).
By Bryce Wray (26 posts)
Embed Everything
I recently released a plugin for quickly embedding media in Eleventy sites. I think it has potential!
By Graham F. Scott (5 posts)
Eleventy static-site generator: Making Liquid play nice with dates
Home, home on the web, where the links and the hypertexts play
By Justus Grunow (2 posts)
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.
By Sam Thorogood (1 post)
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.
By Jason Lengstorf (1 post)
Quick Tip on Using Vue with Eleventy
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.
By Khalid Abuhakmeh (3 posts)
Creating a similar post component with Eleventy
How I added a similar post component to my blog with Eleventy and Liquid.
By Sarah L. Fossheim (1 post)
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
By David Atanda (2 posts)
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.
By Juha-Matti Santala (22 posts)
Back to Nunjucks for my Eleventy site
Why Iโve decided for now to backtrack from JavaScript-only templating in Eleventy.
By Bryce Wray (26 posts)
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.
By Max Bรถck (8 posts)
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.
By Juha-Matti Santala (22 posts)
Moving this blog from Jekyll to 11ty
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.
By Juha-Matti Santala (22 posts)
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.
By Juha-Matti Santala (22 posts)
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.
By Jรฉrรดme Coupรฉ (10 posts)
Twitter Cards with Nunjucks and 11ty
Using cards makes sharing your content on Twitter look much nicer.
By Tom Hazledine (3 posts)
RaymondCamden.com now powered by 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.
By Josef Biehler (1 post)
Adding Another Template Language to Eleventy
Father, husband, developer relations and web standards expert, and cat demo builder.
By Raymond Camden (104 posts)
Adding Text Linting to Eleventy
An example of using Eleventy's Linter feature
By Raymond Camden (104 posts)
Taking WordPress to Eleventy
How I converted 12 years of posts in WordPress to an Eleventy static site ... and loved every minute of it.
By Josh Cunningham (2 posts)
Checking (and Upgrading) Template Engines in Eleventy
How to check the version of embedded template engines in Eleventy
By Raymond Camden (104 posts)
Adding a Last Edited Field to Eleventy
Eleventy Walkthrough
By Reg Hunt (1 post)
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).
By Tom Hazledine (3 posts)
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.
By Jรฉrรดme Coupรฉ (10 posts)
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.
By Phil Hawksworth (2 posts)