react-helmet, react-snap으로 동적인 데이터 처리는 못하나요?

React
1

안녕하세요!
링크공유 관련하여 문제가 발생하여서 질문드립니다.
프로젝트를 next.js없이 진행하였는데 페이지 공유시 이미지와 페이지 제목 등이 나오는 og태그를
컨텐츠에 맞게 공유되게 하고싶습니다.

찾아보니까 react-helmet, react-snap으로 처리하라는 글이 대부분인데
제가 처리할건 정적데이터가 아니라 신문기사처럼 서버에서 받아오는 데이터의 개수도 정해지지 않고
내용도 늘 달라서 정적으로 처리하는게 아닌 동적인 처리인데
대부분의 블로그 글은 정적인 처리밖에 없는거 같더라구요…

제가 원하는 동적 처리를 위해선 반드시 서버작업이 동반되어야 하는지
그외 다른 방법이 없는지 알고싶습니다.
감사합니다.

2

Sns나 검색엔진의 클로러가 클라이언트에서 렌더링을 하지 않아서 helmet 등으로 지정한 header 관련 정보는 물론 페이지 내용까지 가져가지 못하게 됩니다.
이를 개선하기 위해서는 서버사이드 렌더링, 동적 렌더링 그리고 index.html 만 별도로 url path에 따라 head에 meta tag를 넣어주는 방법들 중에 하나를 적용해야 합니다.

이 중에서 구글이 제안하는 동적렌더링은 리액트 프로젝트의 구조 변화 없이 할 수 있습니다. 또한 sns 공유되는 모습이나 검색에 노출되어야 할 정보 변화가 필요해도 리액트 프로젝트를 변경하면 되는 장점이 있어서 저는 이 방법을 택했습니다.