[Nextjs]SSR과 SSG의 차이가 뭘까?

getStaticProps : Static Site Generation
getServerSideProps : Server Side Rendering

모두 Pre-rendering을 위한 data fetching 기능이다.

다만 약간의 차이가 있다.

getStaticProps

▶ 빌드 시에 한번만 호출되고 바로 static file로 빌드 됩니다. 따라서 그 이후에는 수정이 불가합니다.

▶ 앱 빌드 후에 웬만하면 바뀌지 않는 내용이 있는 페이지에 사용하는 것이 좋습니다.

getServerSideProps

▶ page가 요청 받을 때마다 호출되어 pre-rendering을 합니다.
▶ pre-render가 꼭 필요한 동적 데이터가 있는 page에서 사용하면 된다.

▶ 매 요청마다 호출되므로 성능은 getStaticProps에 비해 늦지만 내용을 언제나 동적으로 수정 가능하다.