P.01 / Software
06 / 2026BOSA
A typed, content-driven portfolio built with Next.js, MDX, and a progressively enhanced WebGPU visual layer (Three.js + TSL).
- Role
- Designer and Developer
- Stack
- Next.js / React / TypeScript / MDX / Three.js / WebGPU / TSL / CSS Modules
- Uses typed metadata, optional MDX bodies, static detail routes, and repository-backed content APIs.
- Keeps the portfolio server-rendered while isolating motion and browser-dependent behavior in narrow client boundaries.
- Renders the backdrop on Three.js's WebGPU path with TSL node materials, falling back to a generated WebGL2 backend where WebGPU is unavailable, plus reduced-motion support and adaptive quality tiers.