nextjs ssr 관련

Question

안녕하세요.
nextjs로 react로 사이트 구축중에 있습니다.
도메인별로 meta tag가 달라지는데 getServerSideProps로 매태태크 정보를 가져와서
head에 넣어줘도 브라우저에서는 타이틀을 랜더링하나 카카오톡에서는 적용이 안되고 있는데
혹시 방법을 아시는 분 계실까요?

몇일째 삽질하는 느낌이네요 next-seo로도 ssr 랜더링 해봐도 소스에 노출되는 meta 태그는 없고.ㅜㅜ _document.txt는 도메인을 기준으로 서버 api 호출하는데 도메인을 인식하지 못하고 어렵네요.
혹시 아시는 분 계시면 도움부탁드립니다.
감사합니다.

손정현 · Answer

안녕하세요!

카카오는 서버에서 내려주는 웹페이지만으로 미리보기를 만드는것으로 알고 있습니다.
- https://devtalk.kakao.com/t/og/63875

즉, SSR 돌고 최초로 내려주는 html에 이미 meta 태그 정보가 제대로 잘 기입이 되어 있어야합니다. 정확한건 예시 코드를 공유해주셔야 확인이 가능해보여요!

찾아보니 이런 글도 있어서 참고하시면 좋을 것 같아요 :)
- https://velog.io/@anotherhoon/CRA%EC%99%80-SSR%EC%9D%98-SEO%EC%B9%B4%EC%B9%B4%EC%98%A4%ED%86%A1-%EB%AF%B8%EB%A6%AC%EB%B3%B4%EA%B8%B0

최경훈 · Answer

next-seo쓰시면 SEO잘 적용됩니다. next-seo를 적용하는 방식이 틀렸거나 next.js랑 버전이 안맞거나 할 수 있겠네요. 사용하신것을 남겨주면 금방 판단이 되겟어요.