App Router and shallow routing?
Hey,
Perhaps I have not fully adjusted my mental model to NextJS 13 App Router but how would I perform shallow routing?
A part of my application's state is managed via the URL query params such that users can easily bookmark a page or share the link. Using the page dir, I could just do
router.push('...', { shallow: true })
, which updated my my frontend but did not hit my backend. How would I achieve this using the app router?
I know that my server components do not depend on the query params but I guess NextJS cannot now that, which is why it triggers a full refresh? Also I know that I should wrap my navigation in a startTransition(() => {...})
to keep the client side state. I guess this works but I'm still hitting my backend which is not what I want.
Any ideas?0 Replies