ogimagecn
The OG image toolkit
Copy-paste social cards rendered with next/og.
$49
Installation
$ pnpm dlx shadcn@latest add https://ogimagecn.vercel.app/r/product.json
Usage
import { ImageResponse } from "next/og";
import { Product } from "@/components/og/product";
export function GET() {
return new ImageResponse(
<Product
title="Acme Pro"
description="Everything you need to ship faster."
price="$49"
image="https://example.com/product.png"
/>,
{ width: 1200, height: 630 }
);
}API Reference
Product
| Prop | Type | Default |
|---|---|---|
brand | string | - |
title | string | - |
description | string | - |
price | string | - |
image | string | - |
accent | string | - |