Next.js

[Nest.js] Dynamic Routes

note-for-development 2024. 5. 22. 18:56

Dynamic segments: 대괄호로 표시한다. 요청 시간에 사용된다.

레이아웃, 페이지, 라우팅 및 생성 메타데이터 함수에 매개변수 프로퍼티로 전달된다.

 

Generating Static Params: generateStaticParams 함수로 실행하며 빌드 시점에 dynamic segments와 함께 사용된다.

fetch를 사용하여 generateStaticParams를 사용하면 자동으로 memoized된다.

레이아웃과 페이지가 한번만 생성되므로 빌드 시간을 단축시킨다.

 

Catch-all Segments

[...slug]처럼 표시하는 경우 이 segments 이후의 값에 상관 없이 모두 포함된다.

[[...slug]]처럼 표시하는 경우 이 segments 이후에 값에 상관 없이 + 값이 없는 경우 모두 포함된다.