[Next.js]Page Router

ssookk·2026년 2월 24일

nextjs

목록 보기
4/7

Page Router 장점

  1. 파일 시스템 기반의 간편한 페이지 라우팅 제공

동적 경로도 설정 가능

  • Catch All Segment : ex.book[...id] -> book/1 , book/1/23 , book/1/2/3/44
  • Optional Catch All Segment : ex.book[[...id]] -> book , book/1 , book/1/22
  1. 다양한 방식의 사전 렌더링 제공
  • SSR
  • SSG
  • ISR

Page Router 단점

  1. 레이아웃 설정이 복잡
  2. 데이터 페칭이 페이지 컴포넌트에 집중되어 Props로 일일이 전달해야함
  3. 불필요한 컴포넌트들도 JS Bundle에 포함(상호작용하는 코드 외의 코드는 불필요한 컴포넌트, JS Bundle의 크기가 불필요하게 커짐)

0개의 댓글