docs: update og images (#10206)

* docs: update og images

* fixes

www/apps/api-reference/app/layout.tsx

@@ -3,10 +3,37 @@ import Providers from "../providers"
 import { BareboneLayout, WideLayout } from "docs-ui"
 import { Inter, Roboto_Mono } from "next/font/google"
 import clsx from "clsx"
+import { Metadata } from "next"
 
-export const metadata = {
+const ogImage =
+  "https://res.cloudinary.com/dza7lstvk/image/upload/v1732200992/Medusa%20Resources/opengraph-image_daq6nx.jpg"
+
+export const metadata: Metadata = {
   title: "Medusa API Reference",
   description: "Check out Medusa's API reference",
+  metadataBase: new URL(
+    process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000"
+  ),
+  openGraph: {
+    images: [
+      {
+        url: ogImage,
+        type: "image/jpeg",
+        height: "1260",
+        width: "2400",
+      },
+    ],
+  },
+  twitter: {
+    images: [
+      {
+        url: ogImage,
+        type: "image/jpeg",
+        height: "1260",
+        width: "2400",
+      },
+    ],
+  },
 }
 
 const inter = Inter({

www/apps/book/app/layout.tsx

@@ -5,6 +5,9 @@ import { BareboneLayout } from "docs-ui"
 import { inter, robotoMono } from "./fonts"
 import clsx from "clsx"
 
+const ogImage =
+  "https://res.cloudinary.com/dza7lstvk/image/upload/v1732200992/Medusa%20Resources/opengraph-image_daq6nx.jpg"
+
 export const metadata: Metadata = {
   title: {
     template: `%s - ${config.titleSuffix}`,
@@ -14,6 +17,26 @@ export const metadata: Metadata = {
   metadataBase: new URL(
     process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000"
   ),
+  openGraph: {
+    images: [
+      {
+        url: ogImage,
+        type: "image/jpeg",
+        height: "1260",
+        width: "2400",
+      },
+    ],
+  },
+  twitter: {
+    images: [
+      {
+        url: ogImage,
+        type: "image/jpeg",
+        height: "1260",
+        width: "2400",
+      },
+    ],
+  },
 }
 
 export default function RootLayout({

www/apps/resources/app/integrations/guides/sanity/page.mdx

@@ -9,14 +9,20 @@ export const metadata = {
     images: [
       {
         url: ogImage,
-        width: 1600,
-        height: 900
+        width: 800,
+        height: 450,
+        type: "image/jpeg"
       }
     ],
   },
   twitter: {
     images: [
-      ogImage
+      {
+        url: ogImage,
+        width: 800,
+        height: 450,
+        type: "image/jpeg"
+      }
     ]
   }
 }

www/apps/resources/app/layout.tsx

@@ -8,6 +8,9 @@ import clsx from "clsx"
 import { Feedback } from "@/components/Feedback"
 import EditButton from "@/components/EditButton"
 
+const ogImage =
+  "https://res.cloudinary.com/dza7lstvk/image/upload/v1732200992/Medusa%20Resources/opengraph-image_daq6nx.jpg"
+
 export const metadata: Metadata = {
   title: {
     template: `%s - ${config.titleSuffix}`,
@@ -18,6 +21,26 @@ export const metadata: Metadata = {
   metadataBase: new URL(
     process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000"
   ),
+  openGraph: {
+    images: [
+      {
+        url: ogImage,
+        type: "image/jpeg",
+        height: "1260",
+        width: "2400",
+      },
+    ],
+  },
+  twitter: {
+    images: [
+      {
+        url: ogImage,
+        type: "image/jpeg",
+        height: "1260",
+        width: "2400",
+      },
+    ],
+  },
 }
 
 export const inter = Inter({

www/apps/ui/src/app/layout.tsx

@@ -8,12 +8,35 @@ import { BareboneLayout, TightLayout } from "docs-ui"
 import { Inter, Roboto_Mono } from "next/font/google"
 import clsx from "clsx"
 
+const ogImage =
+  "https://res.cloudinary.com/dza7lstvk/image/upload/v1732200992/Medusa%20Resources/opengraph-image_daq6nx.jpg"
+
 export const metadata: Metadata = {
   title: siteConfig.name,
   description: siteConfig.description,
   metadataBase: new URL(
     process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000"
   ),
+  openGraph: {
+    images: [
+      {
+        url: ogImage,
+        type: "image/jpeg",
+        height: "1260",
+        width: "2400",
+      },
+    ],
+  },
+  twitter: {
+    images: [
+      {
+        url: ogImage,
+        type: "image/jpeg",
+        height: "1260",
+        width: "2400",
+      },
+    ],
+  },
 }
 
 const inter = Inter({

www/apps/user-guide/app/layout.tsx

@@ -8,6 +8,9 @@ import clsx from "clsx"
 import Feedback from "../components/Feedback"
 import EditButton from "../components/EditButton"
 
+const ogImage =
+  "https://res.cloudinary.com/dza7lstvk/image/upload/v1732200992/Medusa%20Resources/opengraph-image_daq6nx.jpg"
+
 export const metadata: Metadata = {
   title: {
     template: `%s - ${config.titleSuffix}`,
@@ -17,6 +20,26 @@ export const metadata: Metadata = {
   metadataBase: new URL(
     process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3000"
   ),
+  openGraph: {
+    images: [
+      {
+        url: ogImage,
+        type: "image/jpeg",
+        height: "1260",
+        width: "2400",
+      },
+    ],
+  },
+  twitter: {
+    images: [
+      {
+        url: ogImage,
+        type: "image/jpeg",
+        height: "1260",
+        width: "2400",
+      },
+    ],
+  },
 }
 
 export const inter = Inter({