All Posts

4 posts

A deep dive into the architecture decisions behind this very site — App Router, Payload 3, Cloudflare R2, and a hand-rolled CSS design system.

Next.jsPayload CMSArchitecture

How to use native CSS variables to build a consistent, themeable design system without any preprocessors or JavaScript-in-CSS overhead.

CSSDesign SystemsFrontend

Three reliable ScrollTrigger patterns — parallax layers, pinned scroll sequences, and staggered reveals — with notes on performance and reduced-motion.

GSAPAnimationJavaScript

Using Zod and TypeScript to validate request bodies, return typed responses, and keep your route handlers from becoming a maintenance burden.

TypeScriptNext.jsZod