2026

This Portfolio — Next.js + CMS + 3D Hero

This site: a capability-tiered hero with a rigged 3D robot tracking your cursor, Payload-CMS-editable content, and a Lighthouse mobile 0.99 budget held through every feature.

Solo design + build

This site. Next.js 16 with Payload 3 as the CMS — every word on the page renders from the database, editable through an admin panel with zero code changes.

The hero runs a rigged 3D robot (generated from four-view concept art, rigged, compressed to 812KB with meshopt) that tracks your cursor via quaternion math on the head bone. A capability-tier system decides per-device what to load: desktops get the full 3D experience, phones get a poster and download zero bytes of it.

Performance is treated as a feature with a budget, not an afterthought: the design prototype held a Lighthouse mobile 0.99 through every addition, and the production build is held to the same standard.

Next.js 16Payload 3three.jsTailwind v4Playwright

← Back to featured work