This is the home page for nested layouts. Click on the navigation tabs above to experience the true features of Nested Layouts.
Note: When you switch between different pages, the outer layout (navigation bar, title, etc.) remains unchanged, and only the content area updates. This is the core advantage of Nested Layouts.
The outer layout maintains its state when switching pages, avoiding re-renders and improving user experience.
Common components like navigation bars and sidebars can be shared across multiple pages, leading to cleaner code.
Supports multi-level layout nesting, where each level can have its own layout logic and state management.
Only the changed parts are re-rendered, significantly improving application performance and responsiveness.