Engineering
How we generate social images at the edge
A deep dive into Satori, the next/og runtime, and shipping fast cards.
AL
Ada Lovelace
Jun 5, 2026 · 6 min read
Installation
$ pnpm dlx shadcn@latest add https://ogimagecn.vercel.app/r/blog.json
Usage
import { ImageResponse } from "next/og";
import { Blog } from "@/components/og/blog";
export function GET() {
return new ImageResponse(
<Blog
author="Ada Lovelace"
category="Engineering"
meta="Jun 5, 2026 · 6 min read"
title="How we generate social images at the edge"
/>,
{ width: 1200, height: 630 }
);
}API Reference
Blog
| Prop | Type | Default |
|---|---|---|
category | string | - |
title | string | - |
excerpt | string | - |
author | string | - |
meta | string | - |
avatar | string | - |
accent | string | - |