동적 라우트는 URL의 가변 값을 대괄호 폴더 이름으로 params에 담는다
고정 폴더는 그대로 URL이 되고, [slug] 같은 대괄호 폴더는 실제 URL 값을 받아 페이지로 전달한다.
| URL 예시 | 폴더 구조 | params 값 | 화면에서 하는 일 |
|---|---|---|---|
| /about | app/about/page.tsx | 없음 | 고정 소개 페이지 렌더 |
| /blog/nextjs-basics | app/blog/[slug]/page.tsx | { slug: 'nextjs-basics' } | slug로 게시물 조회 |
| /products/p001 | app/products/[id]/page.tsx | { id: 'p001' } | id로 상품 상세 조회 |
| /users/alice | app/users/[username]/page.tsx | { username: 'alice' } | 사용자 프로필 조회 |
| /blog/web/intro | app/blog/[category]/[slug]/page.tsx | { category, slug } | 카테고리와 글 식별자 사용 |