Pixelbrew Studio

Public work

og-route-kit

Code-rendered Open Graph image routes for Next.js.

What it does

og-route-kit turns TSX card components into typed Next.js App Router image endpoints. It keeps query parameters, defaults, field limits, social metadata, route checks, and static PNG export in one narrow package.

Why it exists

Social cards drift when they are hand-exported and forgotten. Code-rendered routes keep the card design close to the page data, while static export keeps a fallback image available for simple sites like this one.

Status

GitHub-first while the API settles. The current integration on this site uses generated static images, with metadata shaped after the route kit's core URL and social-card conventions.