Social Cards — Free Open Graph Image Generator for Next.js

acme.dev

Engineering

How we cut our build times in half without changing frameworks

Caching, smaller bundles and one surprising config flag.

Sam Rivera

7 min read

Template

Open Graph: Facebook, LinkedIn, Slack, iMessage, X

EyebrowTitleDescriptionAuthorDate or read timeSite or brand

Title size100%

Long titles shrink to stay inside three lines, in the preview and in the route. Emoji and symbols the font lacks (★ ⌘) show as boxes in the route.

Without a logo, the card shows initials. The route loads your logo from /public/logo.png.

BackgroundGlowTextMutedAccentOn accent

Pattern strength30%

FrameA hairline border inset from the edge.