Feature
Dynamic Open Graph images
Every documentation page gets its own 1200×630 social preview image, generated on demand from the page title, breadcrumb path, and description.
- Every page exposes a 1200×630 PNG that adapts to the page title, breadcrumb path, and description automatically.
- The image is generated on demand by the /og route handler using the next/og ImageResponse API — no static asset checked into the repo, no third-party service.
- Each page builds an /og?title=...&breadcrumb=... URL in its metadata and sets it as both the openGraph.images and the Twitter Card image, with the card type defaulting to summary_large_image so the image fills the preview area.
- next/og renders the JSX layout to a PNG at request time and Next.js caches the result at the CDN edge, so every share on Twitter/X, LinkedIn, Slack, or Discord gets a branded card without an author ever creating or uploading an image.