Is it possible to skip loading data from getServerSideProps or getInitialProps when change route on client?

[cnwangjie]

I hope I can use SSR for first screen of my app. And when changing pages, it can work as a SPA that will responsive user interactive immediately. And I can load data manually from component. It just need call getServerSideProps at client for my cases.

I searched all around Google and GitHub but not found a good solution.Does anyone else have similar needs and how did you achieve it? Even if a hack way.

I learned the code of Next and I found it call server side in getRouteInfo method at packages/next/shared/lib/router/router.ts. But next/router exports a plain object that cannot access any private method on router. So I can only modify the code to achieve it?

https://github.com/vercel/next.js/blob/canary/packages/next/shared/lib/router/router.ts#L1401-L1418

[thibautsabot]

Hello !

Did you try the shallow prop of next/link or router.push ?

https://nextjs.org/docs/api-reference/next/link and https://nextjs.org/docs/api-reference/next/router#routerpush

shallow - Update the path of the current page without rerunning getStaticProps, getServerSideProps or getInitialProps. Defaults to false

[jeroenvisser101]

Unfortunately that doesn't work unless it's the same page, see the caveats section.

[jeroenvisser101]

I've also been looking for this an have a proposal/RFC open: #29117