Dynamic Open Graph images without another renderer to maintain
Send your Next.js website URL. We’ll select and review three representative routes, then show where Mosaicora can fit into your App Router metadata.
Without a page-specific image
No page-specific image
app.example.com
Revenue planning
A plain link card with no page-specific preview image.
Hosted image URL
app.example.com
Revenue planning
A page-specific image served from a stable, hosted URL.
import type { Metadata } from "next";
import { createMosaicoraMetadata } from "@mosaicora/plugin-nextjs";
const canonicalUrl = "https://example.com/features/revenue-planning";
export const metadata: Metadata = {
title: "Revenue planning",
...createMosaicoraMetadata({
siteId: "321cac22d2103fb1660c50bd",
pageHref: canonicalUrl,
alt: "Revenue planning social preview",
}),
};Keep the metadata model you already have
Mosaicora can provide a page-specific image URL while your application stays in control of route data and metadata.
Next.js App Router
Designed for generateMetadata and the existing route workflow.
Hosted and cached URLs
A stable image URL for standard Open Graph metadata.
Exact content overrides
Pass deliberate titles, descriptions, prices, and feature values when the generated image should not rely only on page extraction.
Versioned refresh
Refresh changed content intentionally, without another renderer.
Choose the rendering model that fits your team
Both approaches work with App Router metadata. The difference is where the image template and rendering workflow live.
Next.js ImageResponse
Keep image composition and rendering in your application code.
- Image layout lives in the route
- Your app owns the render step
- Deploy renderer changes with application code
Mosaicora
Keep reusable templates and hosted preview images outside the application renderer.
- Reuse page-type templates
- Serve stable hosted image URLs
- Refresh page-specific preview images intentionally
Request a Next.js preview audit
Send your Next.js website URL. We’ll review three representative routes and show where Mosaicora can fit into your metadata workflow.
- Review of three representative public pages
- Specific metadata and image findings
- One async setup recommendation