Notes on software engineering, shipping products, and building fast, maintainable web experiences.
A practical, deep guide to Core Web Vitals (LCP/CLS/INP) and Progressive Web Apps—how they work, how to measure them, and how to ship a fast, installable site without breaking UX.
Why I built a small, reusable UI kit for my portfolio site (instead of pulling a heavy component library), and how it keeps the UX consistent across the public site, admin CMS, and developer tools.
A practical E2E testing approach for this repo: cover real user flows, run in CI, and publish readable reports for review.
How I wired remote image optimization with Next.js `next/image` for `https://*.imgcdn.dev/*`, and the dev-only DNS64/NAT64 edge case that can break images locally.
A practical guide to Next.js rendering: what CSR/SSR/SSG/ISR/PPR mean, how they work in the App Router, and when to use each.
barayuda.web.id is rebuilt with a modern fullstack Next.js stack (TypeScript, Tailwind, Turso). I'm open to remote work.