Back to Projects
Software

Scurry Portfolio

A personal portfolio website built with Astro, Tailwind CSS, and deployed on Cloudflare Pages.

Astro Tailwind CSS TypeScript Cloudflare

Overview

Scurry is my personal portfolio website, designed to showcase my projects, experiments, and writing. Built with modern web technologies, it prioritizes performance, accessibility, and a clean user experience.

Technical Details

Stack

  • Astro 5.x - Static site generation with zero JavaScript by default
  • Tailwind CSS 4 - Utility-first styling with custom design tokens
  • TypeScript - Type-safe content collections and components
  • Cloudflare Pages - Global edge deployment with unlimited bandwidth

Features

  • Dark/light theme with system preference detection
  • Responsive design for all device sizes
  • SEO optimized with Open Graph and Twitter cards
  • Content Collections for type-safe project management
  • Security headers for protection against common vulnerabilities

Lessons Learned

Building this portfolio reinforced the value of simplicity. Astro’s “ship zero JavaScript” philosophy aligns perfectly with the needs of a content-focused site. The combination of Tailwind’s utility classes and CSS custom properties creates a maintainable design system without the overhead of a full CSS framework.