Snippets

Copy-paste integration code for your framework

layout.tsx
// app/layout.tsx (or page.tsx)
import type { Metadata } from 'next'

export function generateMetadata(): Metadata {
  const title = 'Your Page Title'
  const description = 'Your page description'

  return {
    title,
    description,
    openGraph: {
      title,
      description,
      images: [
        {
          url: `https://edge-og.saurabh10102.workers.dev/og?template=blog&title=${title}&desc=${description}`,
          width: 1200,
          height: 630,
          alt: title,
        },
      ],
    },
    twitter: {
      card: 'summary_large_image',
      title,
      description,
      images: [`https://edge-og.saurabh10102.workers.dev/og?template=blog&title=${title}&desc=${description}`],
    },
  }
}