[Next.js] 렌더링 과정 및 개념

특정 페이지로 이동할 때, next.js는 서버에서 모든 page와 component를 render해서 HTML 형태로 브라우저에 넘겨준다.(SSR)

그러면 사용자는 서버에서 렌더링된 초기 화면을 바로 볼 수 있다.

초기 HTML이 제공되기 때문에 SEO 향상에 도움이 된다.

그리고 그 즉시 React 애플리케이션을 생성하여 초기 HTML에 연결한다.(hydration)

이를 통해 interactive한 SPA(Single Page Application) 가 된다.

SSR은 모든 component에 발생하는데, hydration은 use client를 선언한 component에만 발생한다.