“
This is hands down the fastest way to ship beautiful OG images.
GH
Grace Hopper
@gracehopper
Installation
$ pnpm dlx shadcn@latest add https://ogimagecn.vercel.app/r/quote.json
Usage
import { ImageResponse } from "next/og";
import { Quote } from "@/components/og/quote";
export function GET() {
return new ImageResponse(
<Quote
author="Grace Hopper"
handle="@gracehopper"
quote="This is hands down the fastest way to ship beautiful OG images."
/>,
{ width: 1200, height: 630 }
);
}API Reference
Quote
| Prop | Type | Default |
|---|---|---|
quote | string | - |
author | string | - |
handle | string | - |
avatar | string | - |
accent | string | - |