#astro

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.

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.