u/Potential_Ship_1676

▲ 6 r/nextjs

At what point does passing data down from a server component start being worse than just fetching it in the client?

I'm on Next 15 with the App Router, self-hosted on a small VPS, building an internal dashboard with maybe fifteen or so pages. I fetch in the server components and pass the data down as props, which is fine two levels deep, but a couple of my views are now threading the same objects through four or five components just so a leaf node can read one field. I know context or a store solves the prop drilling, I'm just not sure whether reaching for either of those means I've picked the wrong boundary between server and client in the first place.

How deep do you let props go before you move the fetch into the client?

reddit.com
u/Potential_Ship_1676 — 16 hours ago