Next.js 의 가장 좋은 기능

• 앱에 있는 페이지들이 미리 렌더링 된다. (SSR)
• 정적으로 생성됌
• CRA : CSR
• CNA : HTML 만 SSR 한다. (Static Pre Rendering)

Hydration

• React.js 를 프론트엔드 안에서 실행하는 것
  1. HTML 을 Pre Rendering 한다.
  2. React.js 가 클라이언트로 전송 됐을 때 해당 페이지는 React.js 앱이 된다.
• Next.js 는 React.js 를 백엔드에서 동작시켜서 페이지를 미리 렌더링한다.
• SSR, CSR 의 두가지 특성을 갖게 된다.
  • SEO 유리, 초기 렌더링 빠름, 많은 상호작용 가능
• Next.js 최고의 기능

참조

노마드코더 NextJS 시작하기