Dynamic Route

동적 라우트와 빌드 대상

대괄호 세그먼트, 다중 동적 세그먼트, 정적 생성 파라미터의 관계를 페이지 생성 기준으로 정리합니다.

Segment

URL 일부를 변수화

app/posts/[id]/page.tsx는 /posts/1, /posts/2 같은 경로를 처리합니다.

Params

페이지 입력값

page 컴포넌트는 params를 통해 URL에서 온 값을 읽습니다.

Build

정적 경로 지정

generateStaticParams는 자주 쓰는 상세 페이지를 미리 생성하는 기준이 됩니다.

설계 질문

URL 값이 데이터 조회 키인지 먼저 확인한다

동적 라우트는 주소가 바뀌면 어떤 데이터를 조회할지 정하는 장치이므로 params 이름을 데이터 모델과 맞춰야 합니다.

구현 순서

폴더[id]처럼 변수 세그먼트를 가진 폴더를 만듭니다.
조회params.id로 필요한 데이터를 가져옵니다.
생성미리 만들 페이지가 있으면 generateStaticParams를 추가합니다.