Skip to main content
Brian Sunter

Personal Site

My personal website built with Astro, featuring a blog, recipe collection, photo gallery, and more. Modern design with dark mode support.

Astro TypeScript Tailwind CSS MDX
Cover image for Personal Site

Overview

This personal website serves as a central hub for my blog posts, projects, recipes, and photography. Built with Astro for optimal performance and developer experience.

Features

  • Blog: Markdown-based content with syntax highlighting and KaTeX support
  • Recipe Collection: Cooklang-based recipes with ingredient scaling
  • Photo Gallery: Interactive photo albums with EXIF data
  • Search: Full-text search across all content
  • Dark Mode: System-preference aware theming
  • RSS Feed: Stay updated with new content

Technology Stack

  • Astro 5
  • TypeScript
  • Tailwind CSS
  • MDX for rich content
  • Cloudflare Pages for hosting

Design Philosophy

Focused on performance, accessibility, and clean typography. The site achieves near-perfect Lighthouse scores while maintaining a beautiful reading experience.