Next.js · Middle · Question 74 of 75

What happens when navigating between two routes that use different root layouts (via route groups)?

✓Correct answer: A full page load happens instead of client-side navigation
2Both root layouts are rendered nested
3The build fails

Explanation

Each root layout owns its own <html> and <body>, so the client can't keep the shared tree. Use multiple root layouts for truly separate sections.

Further reading

Next.js: Route Groups ↗

Test yourself

Take the Next.js · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.