Portfolio rebuild.
A spec-driven rebuild of my portfolio, taken from a static Bootstrap template to a modern Next.js site and run as a real project: plan, design, build, ship. The site you're on is the deliverable.
Built with a spec-first, AI-assisted workflow and a human in the loop throughout: Claude Code and Cowork for the build, Claude Design for the visual design. I owned the spec, the architecture, and every review.
Problem
The old site was four static HTML pages on a Bootstrap template, with a vendored stylesheet of roughly 11,800 lines. Every page duplicated its own nav and footer, there was no dark mode, and the iOS-only framing pitched neither of my two career angles.
Approach
I ran it as a real project in four phases, plan, design, build, ship, with a written spec as the source of truth. A reusable component library replaced the copy-pasted markup, a design-token system gave the whole site one swappable accent, and two tailored landing pages target automation and iOS without making either look unsure.
Tech
Next.js (App Router) and React with TypeScript, styled with Tailwind. next-themes for system-aware dark mode, Markdown/MDX for writing, Netlify Forms for contact, and Giscus for comments. No database, no paid services.
Result
Live at jonoswift.com on the exact stack the roles I want ask for, at zero added cost. The old Bootstrap site became a typed, componentized codebase, and the site itself is now a portfolio piece.