favicon for site or author

Mike Street 13 posts

Author: MIKE STREET (13 posts)

Website of Mike Street, Lead Developer and CTO from England

2023

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

Categories
Adding Tina CMS to 11ty

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

Categories

2022

Add Netlify CMS to an existing 11ty site

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

Categories

2021

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

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

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

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

Categories
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

Categories
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

Categories
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

Categories
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

Categories

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?

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.

Some content below may have been published before the release of Eleventy v3.0.0 (October 1, 2024). Information may have changed in newer versions. Current stable release: 3.12
Some content below may have been published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information may have changed in newer versions. Current stable release: 3.12.
Some content below may have been published before the release of Eleventy v1.0.0 (Jan 8, 2022). Information may have changed in newer versions. Current stable release: 3.12.
All of the content below was published before the release of Eleventy v1.0.0 (Jan 8, 2022). Information may have changed in newer versions. Current stable release: 3.12.