Visit projectThe third version of this site, and the one that set the visual language the current build still follows: Gilroy, the orange glow button, alternating dark and light sections. It was designed in Figma first, then built to match.
What it added
A blog for tutorials, work logs, and notes from whatever I was taking apart at the time
Per-project detail pages, so work could be explained rather than just listed
A comment system built on Cloudflare Workers instead of an embedded third-party widget
Headless and serverless, on purpose
The constraint I set was that the whole thing should cost nothing to run. That ruled out a managed database and a server to keep alive, and pointed at a headless CMS with a statically rendered frontend.
Layer | Technology | Free-tier limit |
|---|---|---|
Frontend | Next.js, Tailwind CSS | Hosted on Vercel |
Content | GraphCMS, now Hygraph | 1M requests per month, 1000 entries |
Assets | GraphCMS Assets, Cloudflare R2 | 100GB bandwidth per month |
Comments | Cloudflare Workers | Edge functions, no server to maintain |
Why it was replaced
V3 leaned on twin.macro and styled-components, which meant runtime CSS-in-JS and a heavier client bundle than a portfolio needs. The current rewrite drops that for plain Tailwind utilities and server rendering, and moves the blog to Ghost so writing does not mean filling in CMS fields.