GSAP + Next.js

Next.js 14 App Router is the production framework for TOAKCO.com. Static export keeps the site fast and deployable anywhere — no server to manage, no cold starts. The App Router's component model organizes the site into composable pieces that Claude Code can read, reason about, and modify without losing context.

GSAP handles all scroll-driven animation via ScrollTrigger. The pattern: elements start invisible, then animate in as they enter the viewport — a reveal sequence that gives the site its layered, editorial quality. Timeline control lets complex sequences stay readable in code rather than buried in a CSS keyframe maze.

The two tools work in opposite directions. Next.js manages structure, routing, and build output. GSAP manages time — when things appear, how fast they move, what the eye follows. Together they account for most of what makes the site feel considered rather than assembled.