Case study
LeeFlannery.com
This very site you're looking at right now. Personal portfolio and landing page built with Next.js 16, React 19, and Tailwind CSS 4, designed as an editorial paper & ink system. Bootstrapped with v0.
Tech stack
What it's built with
Core framework
- Next.js 16: App Router, RSC, latest features
- TypeScript: type safety throughout
- React 19: latest React with concurrent features
Styling & UI
- Tailwind CSS v4: utility-first styling with semantic design tokens
- shadcn/ui: accessible component primitives
- Radix UI: headless UI components
Typography
- Archivo: display and headings
- Newsreader: serif body copy
- JetBrains Mono: labels, eyebrows, and code
- next/font: self-hosted variable fonts, zero layout shift
Features
- Dark mode: next-themes with class strategy and system preference
- Google Analytics: traffic and engagement tracking
- Vercel Analytics: Core Web Vitals monitoring
Deployment
- Vercel: edge deployment and previews
- v0: bootstrapped components and layouts
- Bun: fast package manager and runtime
Highlights
Key technical achievements
- Editorial 'paper & ink' design language: cream paper, ink, and an electric blue accent
- Hairline rules and mono eyebrows as the core layout vocabulary
- Responsive, mobile-first layouts with breakpoint-specific refinements
- Dark mode with system preference detection and manual toggle via next-themes
- Dual analytics: Google Analytics + Vercel Analytics for complete insights
Built with v0
Bootstrapped with v0, Vercel's AI-powered development tool. It was a fast way to scaffold components, iterate on layouts, and get the initial system in place. From there it was redesigned into the current editorial paper & ink direction, plus the usual tweaking and refining.