1. Page Router ?

nextjs에서 제공하는 파일기반 라우팅 기능입니다.

nextjs은 pages 디렉토리 내에 있는 모든 파일이 라우트로 자동 변환됩니다.

이러한 방식은 복잡한 라우팅 설정 없이도 손쉽게 다양한 페이지를 구성할 수 있습니다.

2. Page Route의 기능

1 ) 파일 기반 라우팅

'pages' 디렉토리에 있는 각 JS 파일은 해당 파일 이름에 해당하는 경로로 라우트됩니다. 예를 들어, 'pages/about.js' 파일은 '/about' URL로 접근 가능합니다.

2 ) 중첩 라우팅

디렉토리 구조를 사용하여 중첩된 라우트를 생성할 수 있습니다. 예를 들어, 'pages/posts/[id]/comments.js'는 '/posts/1/comments', '/posts/2/comments'와 같은 중첩된 경로를 처리할 수 있습니다.

3 ) 동적 라우팅

'pages' 디렉토리 내에 대괄호([])로 묶인 파일 이름을 사용하면 동적인 라우팅을 생성할 수 있습니다. 예를 들어, 'pages/posts/[id].js'는 '/posts/1', '/posts/2' 등의 동적 경로를 처리할 수 있습니다.

4 ) 데이터 페칭

Next.js의 라우팅 시스템은 'getStaticProps', 'getServerSideProps' 등의 함수를 이용하여 라우트에 필요한 데이터를 미리 가져올 수 있습니다.