Next.js Discord

Discord Forum

og:image doesn't work on discord, but works in other apps like whats app and slack

Unanswered
Bernardo Bossi posted this in #help-forum
Open in Discord
export async function generateMetadata({
  params
}: PostPageProps): Promise<Metadata> {
  const post = await getPost(params.postId)
  const parsedContent = JSON.parse(post?.content as string)
  const description = parsedContent.content?.[0]?.content?.[0]?.text || ''
  const img = parsedContent.content?.[1]?.attrs?.src || appLogo.src
  const title = post?.title || ''
  const altText = `Image for ${title}`

  const metadata: Metadata = {
    metadataBase: new URL('https://borderless-community-test.vercel.app'),
    title,
    description,
    openGraph: {
      siteName: 'Borderless Community',
      title: post?.title || '',
      description: description || '',
      type: 'website',
      images: [
        {
          url: img,
          alt: altText,
          type: 'image/png'
        }
      ]
    }
  }
  return metadata
}

1 Reply