Back to Portfolio
LF

LeeFlannery.com

This very site you're looking at right now

Personal portfolio and landing page built with Next.js 16, Tailwind v4, and Framer Motion. Bootstrapped with v0.

Lee Flannery

Key Features

Built with v0

Bootstrapped with v0 by Vercel

Custom Design System

Brand colors, typography, and component variants

Framer Motion Animations

Spring physics, staggered reveals, and hover interactions

Responsive Design

Mobile-first approach with breakpoint-specific layouts

Dark Mode Support

System preference detection with manual toggle

Dual Analytics

Google Analytics + Vercel Analytics for complete insights

Tech Stack

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

  • shadcn/ui

    Accessible component primitives

  • Radix UI

    Headless UI components

  • Framer Motion

    Animations and transitions

Features

  • Dark Mode

    next-themes for 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

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 design system in place. From there, the usual tweaking and refining.