Back to projects

in development

mel.pet

My personal website — built with Astro, Tailwind, and deployed on Cloudflare Pages. You're looking at it right now.

AstroTailwind CSSMDXCloudflare Pages #personal#website

About this project

This is my personal corner of the internet. Built from scratch with a focus on performance, aesthetics, and a developer-first experience.

Goals

  • Performance: Zero unnecessary JavaScript. Static-first, fast everywhere.
  • Design: Material Design 3 principles with a dark, developer-focused aesthetic.
  • Content: MDX-powered blog with full control over formatting and components.
  • Deployment: One-click deploys via Cloudflare Pages with global edge caching.

What I learned

Building a personal site is deceptively complex when you want it to feel right. Every detail matters — from scroll behavior to hover states to font pairing.