ogimagecn
Ship beautiful OG images
npx shadcn@latest add ogimagecn
Installation
$ pnpm dlx shadcn@latest add https://ogimagecn.vercel.app/r/terminal.json
Usage
import { ImageResponse } from "next/og";
import { Terminal } from "@/components/og/terminal";
export function GET() {
return new ImageResponse(
<Terminal
brand="acme"
title="Now in public beta"
caption="npm i @acme/sdk"
/>,
{ width: 1200, height: 630 }
);
}API Reference
Terminal
| Prop | Type | Default |
|---|---|---|
brand | string | - |
title | string | - |
caption | string | - |
accent | string | - |