Next.js에 트위터 카드 이미지를 표시하지 않은 당신에게

트위터의 OGP(Tweet에 해당 사이트의 URL이 삽입됐을 때 표시되는 사이트 이미지)를 설정할 때 헤드 내에 이렇게 쓰이지 않을까.

<meta name="twitter:image" content="/site_image.png" />

Next.js에서public 폴더 아래에 그림을 저장하고 path를 씁니다.
하지만 이렇게 하면 Tweet 때 이미지가 반영되지 않습니다.
실제로 Site의 URL을 포함한 path를 써서 절대 경로를 만들어야 합니다.

<meta name="twitter:image" content="https://proglab.nbr41.com/site_image.png" />

이런 느낌으로!

이 문제에 관하여(Next.js에 트위터 카드 이미지를 표시하지 않은 당신에게), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/nbr41to/articles/a84f09a6a9ac65

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다