2024.10.04

App Router & Page Router

 

Next.js는 라우팅(Routing)을 중심으로 두 가지 나뉘게 된다

1. 12버전까지 사용 되어오던 방식인 Page Router
2. 13버전부터 새롭게 도입된 App Router

왜 router 기반으로 주요한 속성을 분류하는 것일까

• 우리는 웹사이트를 기획/설계할 때, 어떤 페이지가 존재하게 할지, 라우팅은 어떻게 하게 할지를 항상 먼저 고려한다.
• 라우팅은 그만큼 프론트엔드 개발자에게 아주 중요한 담론이기 때문

React와 Next.js에서의 라우팅 구현 방법

• React.js: 웹 애플리케이션을 만들 때 react-router-dom을 이용해서 라우팅 가능
• Next.js: File System Base 라우팅
  Next.js는 폴더 구조를 기반으로 라우팅을 자동 생성하는 File System Base 라우팅 제공
  또한, 라우팅에 대한 전략이 next.js 13버전을 기점으로 변경됨