Open Graph image references resolve

A metadata.openGraph.images = '/og.png' referencing a file that does not exist means every share of the URL to Slack, Twitter, LinkedIn, or iMessage produces a blank preview card — the link unfurls as bare text rather than an image, and organic social click-through collapses. This is a reference-integrity failure with direct marketing impact, and AI tools confidently hardcode /og.png into layouts without ever creating the file.

Either place the image at public/og.png or generate one per-route with the Next.js convention file app/opengraph-image.tsx:

import { ImageResponse } from 'next/og'
export default async function Image() {
  return new ImageResponse(
    <div style={{ fontSize: 128, background: 'white', width: '100%', height: '100%' }}>Your title</div>,
    { width: 1200, height: 630 }
  )
}

Next.js auto-registers the generated image in metadata.