← Back to projects

break.build.repeat

Live

This site. Built with Astro, React, and Tailwind. Deployed on Cloudflare Pages.

AstroReactTailwindCloudflare
stack.sh

$ cat break.build.repeat/stack.json

✓Astro

✓React

✓Tailwind

✓Cloudflare

// see breakdown below for why each was chosen

The problem

Needed a portfolio that reflected how I actually work — not a polished brochure, but an honest record of things built and broken.

The solution

Static site built with Astro for performance, React for interactive components, Tailwind for styling. Deployed to Cloudflare Pages for global CDN and zero cost.

Stack

  • Astro — static output, fast by default, supports React components where needed
  • React — familiar, component-based, drops in where interactivity is needed
  • Tailwind CSS — utility-first, fast to iterate without leaving the file
  • Cloudflare Pages — free, global CDN, deploys on every git push
  • TypeScript — catches mistakes before they hit the browser

What I learned

  • How Astro’s file-based routing and static generation works
  • How to connect a GitHub repo to Cloudflare Pages for CI/CD
  • How to structure a component-based site from scratch
View on GitHub →