Skip to main content
Projects
Maintained

JeremyShields.ca Rebuild

A ground-up rebuild of my professional site with Astro 6 and Tailwind CSS v4, replacing a scattered mess of old CMS platforms with one fast, accessible home base I'm actually proud to point people to.

JeremyShields.ca Rebuild

The problem

My portfolio and resume had been scattered across a few different CMS platforms for a while, and it was starting to show — inconsistent, slow to load, and honestly not reflective of what I could actually build. I wanted one fast, well-designed home base I was proud to share, instead of apologizing for it.

The approach

I tore it all down and employed Google Antigravity (Gemini Pro) to help rebuild it with Astro 6 and the newly-released Tailwind CSS v4. I used AI as a pair-programmer throughout — less to write the code for me, more to help me learn the Astro ecosystem faster and stay unblocked whenever I hit something unfamiliar.

The trickiest part was the Activity Pulse — a single feed that merges my blog posts, podcast episodes, and GitHub commits into one chronological timeline. To keep it fast and avoid browser-side API calls, everything gets pulled at build time: the GitHub Events API and RSS feeds are fetched during the build and baked straight into the static HTML.

Even the PDF that is linked is built from a self-hosted tool called YAMLResume, which builds resumes in different formats from a YAML file format, which I found helpful.

The result

The finished site is fast, accessible, and something I genuinely enjoy pointing people to. The dark aesthetic is intentional, the typography is opinionated, and the whole thing is built so I can keep adding case studies and projects without ever touching the layout again.