[Blog 03] feat: add documentation social cards

[raviships]

What changed

• Generate branded Open Graph and Twitter images for every documentation page.
• Reuse the blog card’s logo, wordmark, fonts, background, and length-aware typography.
• Show each page’s existing title, description, and docs URL with a Documentation label.
• Extract the blog design into a shared renderer so blog and docs cards remain consistent.
• Keep the existing static root image as the fallback for non-blog and non-docs pages.

Implementation note

The documentation route uses a catch-all segment, so Next.js cannot colocate an opengraph-image.tsx below it. Each page therefore references a dedicated /og/docs/[...slug] image route from generateMetadata.

Section fragments such as #metadata-file-path are not sent to the server, so section links intentionally use their page-level social card.

Validation

• Full uncached docs lint
• Production docs build
• Rendered /og/docs/configuration at 1200×630
• Verified absolute og:image and twitter:image metadata on /docs/configuration

_{Stack created with GitHub Stacks CLI • Give Feedback 💬}

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
edgestore-docs	Ready	Preview	Aug 13, 2026 11:07am

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
example-access-control	Skipped		Aug 13, 2026 11:07am
example-components	Skipped		Aug 13, 2026 11:07am