Is there a way to create responsive nav bar as RSC that updates its active tab when clicked?

[tepid dragon]

#1007476603422527558

[low pond]

Isn't clicking something only done the UI side? In that case I don't think this would be possible

[tepid dragon]

Not clicking but onClick is client side only but my navbar has three Link items that navigates to different routes upon clicking. How can I update this navbar when route changes server side?

[high reef]

You can't do this entirely through RSC. Since active tabs by their nature are based on the state on the client side, the actual active tabs would have to be within a client component.

[low pond]

did u ever figure this out?

[tepid dragon]

Nope. I made it client component and render it in layout.

[unkempt quest]

You can access route params from server components, both in layouts and pages. You can pass this params to your components there. So when you click the link, this component gets rerendered on the server

[tepid dragon]

Then I need to move the navbar server component from layout to each page components. Because Layout does not render every time when navigating.

[unkempt quest]

I think you can use templates for that

They behave like layouts except they do rerender on navigation