One identity, several surfaces
Your page title helps visitors understand the content. A social card carries that identity into a conversation, a feed, or a saved link. Keep the text specific to the page being shared.
Generate a real image
The included image endpoint uses Next.js ImageResponse to return a 1200 by 630 image. Open the endpoint directly to check that the title fits and the response is an image.
Test the published URL
A social platform needs to fetch your image from a public URL. Preview deployments may require authentication, so inspect the final published image before sharing your launch.
In this starter
openGraph: {
images: [{
url: '/api/og?title=Make%20your%20next%20link%20worth%20sharing',
width: 1200, height: 630
}]
}This page is statically generated from src/content/articles.ts. Inspect its source response to see the generated metadata and JSON-LD.
Official reference: Read the documentation.