[Next.js] Pages Router

https://nextjs.org/docs/pages

Pages Router | Next.js

Next.js 13 이전에는 페이지 라우터가 주요 라우팅 방법이었다. 이는 각 파일을 라우트에 매핑하는 직관적인 파일시스템 라우터를 사용한다. 페이지 라우터는 최신 버전의 Next.js가 아직 지원하나, React의 최신 기능 활용을 위해 앱 라우터(App Router)로 마이그레이션 하는 것을 추천한다.

 

디렉토리 구조가 다음과 같다고 가정할 때,

- pages/
  - index.js
  - about.js
  - contact.js
  - blog/
    - [id].js
    - index.js

경로는 다음과 같이 자동으로 매핑된다.

Route	Path
/	pages/index.js
/about	pages/about.js
...	...
/blog	pages/blog/index.js
/blog/[id]	pages/blog/[id].js

 

https://nextjs.org/docs/pages/api-reference

Pages Router: API Reference | Next.js