A developer tool that makes React Server Components easier to understand, debug, and teach.

I built RSC Boundary, a dev-only overlay for Next.js App Router projects that visualizes where Server and Client Component boundaries exist at runtime.

React Server Components are powerful, but the mental model is still hard for many teams. The biggest issue is visibility: once use client starts spreading through a tree, it becomes difficult to reason about what runs where, what ships to the browser, and why certain code behaves the way it does.

RSC Boundary solves that by making those invisible boundaries visible.

It helps developers:

- See Server and Client Component boundaries directly in the app

- Understand how use client affects the component tree

- Debug unexpected client-side rendering behaviour

- Onboard teammates faster to the Next.js App Router model

- Build confidence when working with modern React architecture

The project reflects the kind of work I enjoy most: turning complex developer experience problems into simple, useful tools that make teams faster and more confident.