Installation
$ pnpm dlx shadcn@latest add @ogimagecn/shiori
Usage
import { ImageResponse } from "next/og";
import { Shiori } from "@/components/og/shiori";
export function GET() {
return new ImageResponse(
<Shiori
title="A beautifully simple read-it-later app"
background="#faf6f1"
titleColor="#8b7e74"
logo="https://www.shiori.sh/logo.png"
brand="Shiori"
brandColor="#1a1a1a"
/>,
{ width: 1200, height: 630 }
);
}API Reference
Shiori
| Prop | Type |
|---|---|
title | string |
background | string |
titleColor | string |
logo | string |
brand | string |
brandColor | string |