Astro Blog.

A developer-focused blog platform built with Astro — demonstrating that a content site can achieve near-perfect Lighthouse scores without sacrificing a rich reading experience. The architecture ships zero JavaScript to the browser by default; interactive islands load only where needed.

Content is authored in MDX, enabling embedded interactive components (code playgrounds, live demos) alongside standard Markdown. The content schema is fully type-safe via Astro's Content Collections API — every post has validated frontmatter for title, description, tags, and publish date.

The design prioritises reading: comfortable line lengths, generous spacing, a syntax-highlighted code block component with copy-to-clipboard, and a reading progress indicator. The RSS feed, sitemap, and Open Graph images are all generated automatically at build time.