{"repo":"foxted/rsc-boundary","free":true,"listed":false,"github":"https://github.com/foxted/rsc-boundary","clone":"git clone https://github.com/foxted/rsc-boundary.git","description":"Tooling to visualize React Server Components vs Client Components boundaries in Next.js App Router","language":"TypeScript","stars":126,"topics":["devtools","nextjs","react","react-server-components","rsc"],"license":"MIT","category":"dev-tools","readme_excerpt":"RSC Boundary See where Server Components end and Client Components begin —directly in the browser, on your real app. RSC Boundary is a lightweight devtool for React Server Component apps. Add one provider to your root layout and you get outlines, labels, and a panel that map server-rendered regions vs client subtrees —no annotations on every file, no guessing from the file tree alone. The published packages live under packages/ ; the demo site and playground live under apps/web . Minimal adapter smoke-tests live under playgrounds/ . Why use it - Make the RSC mental model concrete. Server Components have no client fibers; Client Components hydrate. That split is easy to lose when you're deep in JSX—this tool surfaces it on the page you're building. - Onboard and review faster. Spot accidental client boundaries, nested server islands, and where interactivity actually lives without spelunking through \"use client\" directives. - Zero ceremony in production. In production builds the provider is a pass-through: no extra DOM, no runtime cost. Highlights run only in development. What you get (dev mode) - Orange dashed outlines around client component roots ( \"use client\" ). - Blue dashed outlines around server regions (heuristic detection, plus optional explicit markers when you need precision). - Labels and a panel with component names and provenance—so you can correlate the UI with your source. Install Next.js (App Router) Requirements: Next.js 16+ (App Router), React 19+ . Wrap chi","default_branch":null,"files":null,"tree":[],"storefront":"/r/foxted","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/foxted/rsc-boundary/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}