This site was built entirely with Claude Code in a single session. Here's what that process looked like.
The starting point was four planning documents: a PRD, copy framework, site structure, and portfolio content. Claude Code read through all of them, understood the requirements, and started building.
The tech stack is Next.js 14 with the App Router, TypeScript in strict mode, Tailwind CSS, and Framer Motion for animations. Nothing fancy, just solid foundations.
The design went through an iteration. The first version used a typical blue and purple AI colour scheme that felt generic. After feedback, we switched to a warm, Apple-inspired palette with cream accents on dark grey. Much better.
Every component was built from scratch: buttons, cards, badges, fade-in animations, typed text effects. The portfolio uses a filterable grid. The contact form is frontend-only for now.
The whole thing compiles without errors and scores well on Lighthouse. No magic, just methodical building.
What I learned: Claude Code works best when you give it clear requirements upfront. The planning documents made all the difference. Without them, we'd have spent the session going back and forth on decisions that were already made.
Next up: adding the actual blog functionality and maybe some Cal.com integration for booking.