routing

pages 폴더 바로 밑에 파일을 만들고 다른 설정 필요 없이

각 페이지는 파일의 이름과 연결되어, routing이 적용된다.

 

 

Dynamic Routing

Next.js는 dynamic routes를 제공한다.

예를 들어, test/1, test/2와 같이 접근하려면

pages 디렉터리 바로 밑에 아래와 같이 만들어야 한다.

네이밍을 대괄호로 감싸면 적용된다.

router.beforePopState

경우에 따라 popstate를 호출하고 라우터가 작동하기 전에 무언가를 수행 할 수 있다.

router.beforePopState(cb)

cb-들어오는 popstate 이벤트에서 실행할 함수. 이 함수는 다음의 props를 사용하여 이벤트 상태를 객체로 받는다.

• url: String - 새로운 상태의 경로, 일반적으로 페이지 이름
• as: String - 브라우저에 표시될 URL
• options: Object - router.push에서 보낸 추가 옵션 

cb가 false를 반환하면 Next.js 라우터가 popstate를 처리하지 않으며이 경우 처리 할 책임이 있습니다.

파일 시스템 라우팅 비활성화를 참조해야한다. 

nextjs.org/docs/advanced-features/custom-server#disabling-file-system-routing