AL
Ada Lovelace
Founder & Engineer
Building tools for the open web. Writing about design systems, performance, and shipping fast.
ada.dev
Installation
$ pnpm dlx shadcn@latest add https://ogimagecn.vercel.app/r/profile.json
Usage
import { ImageResponse } from "next/og";
import { Profile } from "@/components/og/profile";
export function GET() {
return new ImageResponse(
<Profile
name="Ada Lovelace"
role="Founder & Engineer"
website="ada.dev"
avatar="https://example.com/avatar.png"
/>,
{ width: 1200, height: 630 }
);
}API Reference
Profile
| Prop | Type | Default |
|---|---|---|
name | string | - |
role | string | - |
bio | string | - |
avatar | string | - |
website | string | - |
accent | string | - |