당시 재직하던 회사에서 운영 중인 웹 프로젝트는 CRA(Create-React-App) 으로 구조를 잡아 개발하고 있었다. 사용자가 웹사이트에 들어와 컨텐츠를 보고 기능을 사용하는데 문제는 없었으나, 웹사이트에 들어오기 전 단계에서는 문제가 있었다. CSR(Client-side rendering) 가 되어 검색엔진 봇이 웹사이트 메타데이터를 크롤링하지 못하다보니, 마켓팅팀에서 기획전이나 이벤트를 위해 페이지 URL 을 외부에 공유하면 해당 사이트에 대한 요약정보 및 미리보기 이미지가 보여지지 않았다. 이를 해결하려면 검색엔진 봇이 우리 측 웹서버에 접근했을 때 Next.js 의 SSR(Server-side rendering) 방식처럼 서버에서 동적 컨텐츠를 포함해 페이지 rendering 을 해야했다. ..
