Portfolio Website

Portfolio Website

View Code Visit Site

You're looking at it. Originally built with Next.js, rebuilt in Astro. A portfolio is static content with a blog, and Astro ships zero JavaScript by default. Next.js was overkill.

Key Features

  • ▸ Static site generation with Astro for optimal performance and SEO
  • ▸ Content Collections system for type-safe blog post management
  • ▸ Responsive design with fluid typography and layouts
  • ▸ Dark mode with system preference detection
  • ▸ Zero JavaScript by default with selective hydration where needed
  • ▸ Accessibility features including proper ARIA labels and keyboard navigation
  • ▸ MDX support for rich, interactive blog content

Technical Architecture

Frontend

Built with Astro's static site generation for optimal performance. Implemented WCAG-compliant accessible design patterns. Created reusable components with TypeScript for type safety. Leveraged Astro's partial hydration for interactive elements.

Infrastructure

Deployed on Cloudflare Pages with automatic previews for all changes. Set up proper meta tags and SEO optimization for all pages. Optimized build process for fast static site generation.