
How I built and deployed a full stack site by vibe coding with Claude
I'm not a traditional developer. I'm an AI automation consultant — I build systems, workflows, and agents for businesses. But recently I vibe coded my entire personal site from scratch using Claude, and I want to break down exactly how it went. The Stack React + Vite + Tailwind, deployed on Vercel. Built from a blank canvas by just describing what I wanted to Claude one section at a time. How It Actually Went I started with the homepage. I described my brand — dark minimal aesthetic, blue accent, my name and title front and center. Claude scaffolded the whole thing. From there it was a loop: describe → generate → tweak → repeat. Pages I built this way: Full homepage with animated hero 4 consulting service pages Mentorship page Blog Booking page integrated with Cal.com Privacy + Terms What Surprised Me Claude handled things I wouldn't have figured out quickly on my own: Framer Motion animations PostHog analytics integration Setting up serverless API functions on Vercel SEO meta tags and
Continue reading on Dev.to Webdev
Opens in a new tab


