A few notes and reminders for myself, usually when I've found a solution to something I was struggling with or tried something new.
It's just great to have a place to go back to.
June
Axe (axe-core), Playwright & Astro - Automatically detect accessibility issues
Learn how to automatically detect accessibility issues in your Astro site using Playwright and axe-core. Set up reusable tests that ensure your pages meet basic a11y standards before shipping.
#astro, #accessibility
141 views
6/5/2025
Optimizing Images from Contentful in Astro (So Editors Don’t Have To)
Are unoptimised images affecting your site's performance? Learn how to use Contentful’s Images API to automatically resize, compress and convert images. In this post, we’ll create a lightweight Astro component that provides optimised, layout-stable images.
#astro, #contentful
335 views
6/2/2025
April
Forking this website
I love keeping my site open source, and you’re welcome to use the code for your own project — with proper attribution. That said, I’ve put a significant amount of time and care into designing and building this version of the site, so I’d appreciate it if you didn’t claim the work as your own.
#documentation
61 views
4/13/2025
How to Generate Open Graph (OG) Images in Astro
Learn how to generate dynamic Open Graph (OG) images for your Astro-powered page using Satori and Sharp. From setting up custom fonts to handling frontmatter images in both dev and production—this guide covers it all. Make your shared links look stunning!
#seo, #astro
466 views
4/12/2025
How to build a view counter in Astro: SSG & client-side approach
Learn how to implement a view counter on your Astro pages using Astro DB, Astro Actions, and server-side islands. We also compare the reliability of incrementing the count using SSG versus a client-side script, highlighting why one method is not feasible.
#astro
231 views
4/1/2025