Next.js와 SSR관련 질문있습니다 !

1. Next.js 로 만들어진 site를 S3 + Cloudfront에 배포한다면, SSG(Static Site Generation)을 통해 만들어진 결과물을 배포하실 텐데요. SSR은 내부적으로 instance를 만들어 실행하기 때문에, S3 + Cloudfront에서는 사용할 수가 없습니다.(둘다 computing power를 제공하는 서비스가 아니기 때문이죠). 그러나 SEO의 경우는, 만들어진 site에 대한 sitemap및 robot.txt를 지정위치에 두면 되기 때문에 사용할 수는 있습니다.(그러나 이 역시 SSG 형태로 사용하겠죠~! - 또한 다시 배포할때, 함께 SSG로 만들면 되기 때문에 SSG로 만들어진 site에 대한 SEO 정보를 함께 갱신하게 할 수 있을 겁니다.) 2. SSR을 사용하는 상태에서 useEffect()로 api fetch를 가져오기 보다는getServerSideProps()에서 얻어오는 것을 당연히 추천 드립니다. 다만, 실시간에 준하거나 특별한 event에 대해 해당 api fetch한 정보가 바뀌고, 그 내용을 page에 반영해야 한다면 useEffect()를 사용할 수 있을 겁니다. 이 때, 최초 rendering 시에는 props로 넘겨온 data(getServerSideProps에서 api fetch로 얻어 온 값)를 사용 - useState()의 initialValue로 setting - 하고, 그 이후, 특정 조건을 만족 시킬때, useEffect()나 혹은 다른 방법(버튼 클릭 이벤트, react-query hook의 사용?.. 등등)으로 해당 api fetch를 사용해서 이전 data를 변경 - useState()의 setState 사용 - 해 주면 될 것입니다.