Nested Route

Definitions

1. A route definition that is declared as a child of another route, causing its component to render inside the parent route's layout via an outlet or `<router-view>` — enabling URL segments like `/settings/profile` to share a common settings shell while swapping the inner content.

   In plain English: A page within a page — a URL path whose content appears inside a shared wrapper layout rather than replacing the whole screen.

   Example: "The `/dashboard/analytics` nested route renders inside the dashboard layout, so the sidebar and header stay mounted during navigation."

Related Terms

• API Gateway
• Component Library
• Material UI
• Memo
• Navigation Guard
• Next.js
• Nuxt
• NuxtJS
• Path
• Polaris
• Ref
• Storybook
• URL Rewriting
• URL Router
• Vue Router