Dynamic route design

URL 패턴·params 정합성

대괄호 폴더는 params 키가 되므로, 파일 구조와 타입 정의와 데이터 조회 함수의 이름을 함께 맞추는 것이 중요합니다.

1

URL 패턴

/blog/nextjs

사용자가 실제로 방문하는 주소입니다.

2

폴더 구조

blog/[slug]

가변 구간을 대괄호로 표시합니다.

3

params 키

params.slug

폴더 이름이 그대로 객체 키가 됩니다.

4

데이터 조회

getPost(slug)

값으로 콘텐츠를 찾아 렌더링합니다.

단일 세그먼트

한 값만 바뀌면 `[slug]`

블로그 상세, 상품 상세처럼 하나의 식별자로 충분한 경우에 맞습니다.

다중 세그먼트

분류가 필요하면 `[category]/[slug]`

카테고리와 글 식별자를 함께 써야 할 때 params 키도 두 개가 됩니다.

정적 생성

미리 만들 경로는 generateStaticParams

빌드 시점에 생성할 params 목록을 반환해 빠른 페이지를 준비합니다.

이름 일치

폴더명, 타입, 조회 인자를 맞춘다

`[slug]`를 만들었다면 타입과 코드도 `slug`로 읽어야 합니다.