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

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" />

이런 느낌으로!