Build your own OG images
Composable components powered by Satori and the next/og runtime.
O
ogimagecnInstallation
$ pnpm dlx shadcn@latest add https://ogimagecn.vercel.app/r/grid.json
Usage
import { ImageResponse } from "next/og";
import { Grid } from "@/components/og/grid";
export function GET() {
return new ImageResponse(<Grid title="Build your own OG images" />, {
width: 1200,
height: 630,
});
}API Reference
Grid
| Prop | Type | Default |
|---|---|---|
title | string | - |
description | string | - |
brand | string | - |
accent | string | - |