Как переходить по SSR страницам Next.js как в SPA?

Question

[Арслан Абаев]

Next.js, pages router, 13v.

Задача такая нужно сделать так что при первом заходе на страницу срабатывал getServerSideProps и страница рендерилась на сервере, а если ты уже переходишь от одной странице к другой именно по сайту чтобы страницы открывались моментально как в SPA без рендеринга на сервере.

prop<Link href="..." shallow>работает только если ты переходишь на ту же самую страницу, то есть если ты перешел /provider/[id] (/provider/424) на другой /provider/[id](/provider/723) то SSR тригериться не будет. Но если ты переходишь на совсем другой роут то он тригерится.

Также в интернете нашел такие ответы, что нужно просто использовать next/link и оно само автоматически работает, пробовал к сожалению само оно не работает, возможно нужно указать какие-то пропсы кроме shallow?

Comments

[Алексей Уколов]

Caveats
Shallow routing only works for URL changes in the current page. For example, let's assume we have another page called pages/about.js, and you run this:

router.push('/?counter=10', '/about?counter=10', { shallow: true })

Since that's a new page, it'll unload the current page, load the new one and wait for data fetching even though we asked to do shallow routing.

https://nextjs.org/docs/pages/building-your-applic...