[Next.js] 동적 라우팅(Catch all routes)

Yong·2022년 5월 19일
1

Next.js

목록 보기
4/8

Next.js의 동적 라우팅에서 점 세개('...')를 사용해서 모든 path를 잡을 수 있습니다.
pages/post/[...slug].js 라는 파일은 '/post/a'라는 url path와 매칭됩니다. 또한 뒤에 추가로 붙는 path도 잡을 수 있습니다.
예를 들어 '/post/a/b','/post/a/b/c'처럼 말입니다.

예시로 slug라는 이름을 사용했지만 어떤 이름이든 상관이 없습니다.

위 예시 path의 query 객체는 다음과 같습니다.

{ "slug": ["a"] }
{ "slug": ["a", "b"] }

profile
If I can do it, you can do it.

0개의 댓글