[Next.js] (6) - Page Router 장단점

👉  Page Router 의 장점

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

• 다양한 방식의 사전 렌더링 제공
  • 정적 사이트 생성 (SSG) 
    • 최신데이터 X
  • 증분 정적 재생성 (ISR)
    • 유통기한 설정 가능 (최신데이터 반영)
    • On Demand - Revalidate 요청 (즉각적으로 반영 가능)

 

👉  Page Router 의 단점

• 다양한 방식의 사전 렌더링 제공

 

• 상호작용이 필요하지 않은 페이지도 JS Bundle 에 포함되어 불필요하게 번들 용량이 커진다.
  • 서버에서만 실행하면 되는 컴포넌트 (React Server Component)
  • Hydration 시간이 길어짐 -> TTI 까지 걸리는 시간이 길어짐

 

 

 

 

 

출처: https://www.inflearn.com/course/%ED%95%9C%EC%9E%85-%ED%81%AC%EA%B8%B0-nextjs/dashboard

한 입 크기로 잘라먹는 Next.js(15+) 강의 | 이정환 Winterlood - 인프런