Thoughts on frontend engineering, design systems, animation, and building for the web.
Native cross-document animations with zero JavaScript: how the View Transitions API works, its current browser support, and how to integrate it with Next.js.
LCP, CLS, and INP demystified: what each metric actually measures, the most common causes of failure, and the fixes that move the needle.
The mental model shift from client-first to server-first React: when to reach for "use client", what stays on the server, and why the boundary matters.
A practical tour of Partial, Pick, Omit, Record, ReturnType, and Awaited — with real component examples instead of textbook contrived ones.
A deep dive into setting up a type-safe data layer with Prisma ORM and PostgreSQL inside a Next.js App Router project — pitfalls included.
Scroll-triggered reveals, staggered lists, layout animations, shared element transitions, and the one hook that ties them all together.
How I use CSS custom properties, component layers, and a strict token vocabulary to keep a growing codebase consistent without a dedicated design tool.
From zero to production: web service configuration, database provisioning, environment variables, and keeping the free tier alive with a health-check cron job.
