Next.js Discord

Discord Forum

Discord Embed Card Data

Answered
Cape lion posted this in #help-forum
Open in Discord
Avatar
Cape lionOP
hi how was he able to set the color of this embed and set the photo as a thumbnail


(I know that this code has a lot of repetition and is not optimized I tried to use different values)
code:
export const metadata: Metadata = {
  title: 'title',
  description:
    '...',
  icons: './favicon.ico',
  openGraph: {
    title: {
      template: 'title',
      default: 'title',
      absolute: 'title',
    },
    description:
      '...',
    images: '/icon.png',
    locale: 'pl-PL',
    type: 'website',
    siteName: 'name',
  },
};
Image
Answered by Mozzy
For the image placement, I think it's just about the image size
View full answer

7 Replies

Avatar
Cape lionOP
bump
Avatar
Cape lionOP
bump
Avatar
@Cape lion Discord uses the theme-color tag for the embed left side
https://nextjs.org/docs/app/api-reference/functions/generate-metadata#themecolor
Avatar
Cape lionOP
OK thanks. How can I insert this photo as a thumbnail?
Avatar
For the image placement, I think it's just about the image size
Answer
Avatar
Cape lionOP
ok thanks
Avatar
This seems to suggest Discord looks for the twitter:card tag for the image placement https://stackoverflow.com/a/59844733