How To Navigate To Another Page Without Reloading The Whole Page In Nextjs?

I notice that in NextJs, whenever I click on a to go to another page, it calls the getInitialProps even if that 'another' page is the same page. For instance, on /prof

Solution 1:

You can pass shallow to Link like this

<Link href="...." as="...." shallow=true />