Blog
Thoughts on web development, frontend architecture, and design.
How to give AI coding agents accurate, version-correct knowledge of your component library by shipping an MCP server inside the npm package itself — building a JSON index from your existing docs, exposing it over a small stdio server with a couple of tools, and bundling the whole thing so it adds zero infrastructure and zero weight to consumers.
A practical comparison of the five rendering strategies you actually choose between in a modern React app — Client-Side Rendering, Static Site Generation, Incremental Static Regeneration as the hybrid middle ground, classic Server-Side Rendering with hydration, and Server-Side Rendering with React Server Components — including where each one wins and where it hurts.
Practical security practices for package managers to defend against supply chain attacks: disabling post-install scripts, install cooldowns, lockfile validation, deterministic installs, and safe upgrade strategies.
Replacing React Context and useState with useSyncExternalStore for shared client state, using a real theme provider refactoring as the example.
A practical look at applying Domain-Driven Design principles in frontend projects to separate domain logic from technical implementation, improving longevity and making it easier to swap external services.
A practical guide to HTTP caching with the cache-control header, covering max-age, public vs. private, immutable, stale-while-revalidate, and hash-based cache busting for static assets.
A practical guide to choosing between CSS, preprocessors, CSS Modules, CSS-in-JS, and utility frameworks for your next project.
A practical guide to (micro) frontend architectures: monoliths, vertical and horizontal splits, and runtime script injection. Learn when each approach makes sense and what trade-offs to expect.
A practical guide to modern web animation: when CSS is enough, when to reach for requestAnimationFrame, Web Animations API, and how View Transitions make UI changes feel continuous.
An exploration of HTTP streaming, how it works in modern frameworks like Next.js, and when you should (or should not) use it.
If you want to level up as a frontend developer, you need to get really good at the web fundamentals and at communication.
A rant about the current state of the software development industry and the lack of career opportunities for skilled developers.
How to use Next.js middleware to create dynamic redirects based on rules defined in an external source like a headless CMS.
How to use responsive variants in components to create a more dynamic and flexible design system.
Don't use JavaScript for smooth scrolling and in page transitions.
A short guide on how to keep accessibility in mind when building digital products
Lessons learned from building component libraries with React