Next.js Discord

Discord Forum

Tool for visualizing Client/Server components

Answered
Lhasa Apso posted this in #help-forum
Open in Discord
Lhasa ApsoOP
Hey, I've noticed this tool that highlights React's client & server components like on the screenshot. I saw in the [latest Vercel's presentation](https://youtu.be/iRGc8KQDyQ8?si=I6c8ei8Gektv5gmH) Do you know a name of it? Thanks!
Answered by /* @__PURE__ */ alfonsus
https://github.com/aurorascharff/next16-commerce/blob/main/components/internal/BoundaryToggle.tsx check here
View full answer

4 Replies

Lhasa ApsoOP
Sorry for pinging you, but you probably know the answer best 😄 @Cynipid gall wasp
Answer
Lhasa ApsoOP
Perfecto, I thought it was some sort of extension or package, so that's why I wasn't looking into the codebase. Thanks!
Cynipid gall wasp
Hi @Lhasa Apso this was just a helper for me to easily show you guys what I meant in the presentation!! It’s not really meant to be to used by anyone. But there has been some interest by the community in something like this!
See: https://x.com/huozhi/status/1987967768160071914?s=46

you can also see the client server component in react devtools components panel