Can't get OG to show

https://github.com/Apestein/nextflix/blob/main/src/app/layout.tsx

const siteConfig = {
  title: "Netflix Clone",
  description:
    "Open source project using bleeding-edge stack. Drizzle ORM + Neon postgres + Clerk auth + Shadcn/ui + everything new in Next.js 13 (server components, server actions, streaming ui, parallel routes, intercepting routes).",
  url: "https://nextflix-blush.vercel.app/",
  og: "https://nextflix-blush.vercel.app/og.png",
  siteName: "Nextflix",
}
export const metadata = {
  title: siteConfig.title,
  description: siteConfig.description,
  openGraph: {
    images: [siteConfig.og],
    title: siteConfig.title,
    description: siteConfig.description,
    url: siteConfig.url,
    siteName: siteConfig.siteName,
    locale: "en_US",
    type: "website",
  },
  twitter: {
    card: "summary_large_image",
    images: [siteConfig.og],
    title: siteConfig.title,
    description: siteConfig.description,
  },
}

const siteConfig = {
  title: "Netflix Clone",
  description:
    "Open source project using bleeding-edge stack. Drizzle ORM + Neon postgres + Clerk auth + Shadcn/ui + everything new in Next.js 13 (server components, server actions, streaming ui, parallel routes, intercepting routes).",
  url: "https://nextflix-blush.vercel.app/",
  og: "https://nextflix-blush.vercel.app/og.png",
  siteName: "Nextflix",
}
export const metadata = {
  title: siteConfig.title,
  description: siteConfig.description,
  openGraph: {
    images: [siteConfig.og],
    title: siteConfig.title,
    description: siteConfig.description,
    url: siteConfig.url,
    siteName: siteConfig.siteName,
    locale: "en_US",
    type: "website",
  },
  twitter: {
    card: "summary_large_image",
    images: [siteConfig.og],
    title: siteConfig.title,
    description: siteConfig.description,
  },
}

site: https://nextflix-blush.vercel.app/ I can't get og to show on Discord and Twitter. I'm following this repo example exactly, I don't understand why it won't show. https://github.com/Nutlope/roomGPT

7 Replies

Christoph•16mo ago

I think it works just fine and that Twitter and Discord have an old result without an image in their caches. What I notice: og:url always points to the front page. Is that what you want?

Luc LedoOP•16mo ago

It doesn't work though, what do you mean?

Christoph•16mo ago

I'm saying social media platforms cache the result. So if you shared the link once in the last few days when it didn't have an image, then it won't show an image for a few days. There are multiple sites you can test your OG markup with. Just google for OG validator or something comparable.

Luc LedoOP•16mo ago

Well this sucks, I wanna share this project but now I gotta wait

arnie•14mo ago

@Apestein im running in to something similar, did the cache fix your issue?

Luc LedoOP•14mo ago

https://nextflix-blush.vercel.app/ Nope, even now it won't show. It works for linkedin though...

averagedev999•14mo ago

use https://metatags.io/ to test

Meta Tags — Preview, Edit and Generate

With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!

Gaming

Programming

Can't get OG to show