Next.js · Middle · Frage 59 von 75

// app/blog/[slug]/opengraph-image.tsx
import { ImageResponse } from 'next/og'

export default async function Image({ params }) {
  const { slug } = await params
  return new ImageResponse(<div style={{ fontSize: 64 }}>{slug}</div>)
}

• 1Die Seite in einem Headless-Browser rendern und einen Screenshot machen
• 2next/image mit einer Prop og verwenden
• 3ImageResponse aus next/og in einer Datei opengraph-image.tsx liefern