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
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
Any ideas?
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?
