Explore

2025

How to build Mermaid Diagrams into an Astro MDX blog

Discover how to seamlessly integrate Mermaid diagrams into an Astro MDX blog using a custom devContainer setup. This post dives into the challenges of pre-rendering text-based diagrams—like flowcharts and sequence diagrams—for a static site, offering a streamlined solution with Docker Compose, Playwright-core, and Chrome. This practical guide will simplify your setup, ensure consistency, and boost performance.

Web Google Sheets

This post thoroughly reviews how I implemented a new static website with the Astro framework and Google Sheets as the Content Management System CMS.

2024

Integrating Google Sheets with Astro

A Simple Form Data Solution to learn and practice how to use Google Sheets as the backend for Astro web applications. For example to store simple forms data like contact forms or Call To Actions.

My notes on setting up a Proxmox 8.2 home lab server

Setting up a home lab is an excellent way to learn enterprise-grade virtualization technologies. Proxmox Virtual Environment (VE) 8.2 offers a robust platform that brings data centre features to your home lab setup.

Handling error details in Node.js

This post explores how to manage errors in node js and bubble up the important error detials necessary for higher layers of abstraction.

Remove Expo Router from Expo App

Solution to the incompatibility of the Coursera React Native Specialisation capstone project with the latest versions of the Expo framework.