Issue After Migrating from Next.js 13 (Pages) to 15 (App Router)

Help
1

Hi Vercel Support Team,

I’ve recently migrated my project from Next.js 13 (Pages Router) to Next.js 15 using the App Router, and I’m facing an unexpected issue.

In one of my modules (e.g., the Carrier Profile page), I have a layout where:

  • The top section shows profile details.
  • Below that, I use Tabs from React-Bootstrap to show different sections (like Overview, Documents, History, etc.).

Issue:
Whenever I switch tabs, the entire page re-renders, including the profile details above, which shouldn’t change. This wasn’t happening earlier in the Pages Router setup.

What I’m looking for:

  • Is this expected behavior with the App Router?
  • How can I prevent the full page re-render on tab change and preserve the top section?
  • Should I be using nested layouts, use client, or some caching mechanism to solve this?

Let me know if you need a minimal reproduction or any other information.

Thanks,

4

Hi @ambuj-c247, can you please share your public repo or a minimal reproducible example. That will let us all work together from the same code to figure out what’s going wrong.

5

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.