[Next.js] SSR vs SSG

< Server Side Rendering > 

1. 페이지 요청 시 서버에서 HTML 을 생성하여 클라이언트에 전달한다.

2. getServerSideProps 함수를 사용하여 SSR 를 구현한다.

3. 실시간 데이터 / 사용자의 개인화가 중요한 경우 사용한다.

 - 로그인된 사용자 대시보드 / 실시간 업데이트가 필요한 페이지

 

< Static Site Generation > 

1. 빌드 시점에 HTML 을 생성하여 배포한다.

2. getStaticProps 를 사용한다.

3. 데이터가 자주 변경되지 않고 빠른 로드 시간과 SEO 최적화가 중요한 경우에 사용

 - 블로그 포스트, 제품 설명 페이지, 마케팅 페이지