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