2026 · Design & engineering
Building simon.kodu.se
A portfolio that is itself a case study in modern web engineering — Next.js 16, PPR, OffscreenCanvas, Tailwind v4.
- Next.js 16
- React 19
- Tailwind v4
- Framer Motion
- Velite
- OffscreenCanvas
Why
A portfolio should demonstrate, not just describe. Every architectural choice here is a talking point.
Architecture
- Partial Prerendering — static shell streams instantly; work grid streams in after Velite content resolves.
- OffscreenCanvas particle system — rendering happens on a Worker thread so the main thread stays responsive even at 140 particles × 120 fps.
- View Transitions API — native route transitions, progressive enhancement.
- Turbopack dev — sub-second HMR on a multi-package monorepo.
Performance budget
Lighthouse CI gate on every PR: LCP < 1.5s, CLS < 0.05, INP < 200ms, JS transferred < 100KB on homepage.