Mike Street 13 posts
Website of Mike Street, Lead Developer and CTO from EnglandWebsite 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
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
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
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
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
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.