: 둘 다 파일시스템 기반 라우팅, 동적 라우팅을 위해 대괄호 ex) [param] 사용

Page router

• 오랫동안 사용돼 안정적임
• js/ts 파일을 사용해 페이지를 정의
• api route를 위해 pages/api 디렉토리 사용
• 각 페이지는 기본적으로 CSR, getServerSideProps , getStaticProps , getInitialProps 같은 메서드를 사용해 SSR, SSG도 지원

App router

• nextjs13에 시작된 새로운 방식
• React server component 기본으로 사용, 서버액션 사용가능, useClient 로 클라이언트 컴포넌트 명시적으로 정의가능
• 특수 파일 규칙 (layout.js , page.js , loading.js .. ) 을 통해 라우팅 동작 정의
• 병렬라우트, 인터셉팅 라우트 등 다양한 라우팅 패턴 지원