장점

• 폴더 구조에 기반한 페이지 라우터를 쉽게 구축할 수 있다.
• 다양한 방식의 사전 렌더링 방식 (SSR, SSG, ISG, On-demand ISG)

단점

• 레이아웃 설정이 번거롭다. (공통된 ui 컴포넌트를 매번 길게 작성해줘야한다)

• Props drilling 문제

  → Page 함수 위에 getServerSideProps , getStaticProps 등 함수를 실행하여 데이터를 불러오고, 해당 페이지 컴포넌트에 props로 넘긴 뒤, 하위 컴포넌트에 일일이 넘겨준다.

• 불필요한 컴포넌트까지 JS bundle에 포함되어 TTI가 증가한다.

  → 상호작용 기능이 없어 Hydration 될 필요 없는 부분까지 포함되어 JS bundle의 크기가 커지고, Hydration 시간이 길어진다.

덧붙여…

<Link> 는 자바스크립트 이벤트가 아니라, HTML 고유의 기능이다.