Skip to main content

중첩 라우트 (Nested Routes)

Next.js에서 폴더를 중첩하면 URL 세그먼트가 자동으로 중첩됩니다. 아래 링크를 클릭해서 실제 라우트를 체험해보세요.

파일 구조

app/demo/.../nested-route/
├── page.tsx          → /demo/nextjs/16.1.6/layouts-and-pages/nested-route (현재 페이지)
└── blog/
    ├── page.tsx      → /demo/nextjs/16.1.6/layouts-and-pages/nested-route/blog
    └── [slug]/
        └── page.tsx  → /demo/nextjs/16.1.6/layouts-and-pages/nested-route/blog/:slug

핵심 파일 코드

// demo/nextjs/16.1.6/layouts-and-pages/nested-route/page.tsx
export default function Page() {
    // 핵심 동작: 실제 파일 구조와 런타임 결과를 함께 확인
}