forked from crowetic/commerce
46 lines
1.1 KiB
TypeScript
46 lines
1.1 KiB
TypeScript
import { ImageResponse } from 'next/og';
|
|
import LogoIcon from './icons/logo';
|
|
import { join } from 'path';
|
|
import { readFile } from 'fs/promises';
|
|
|
|
export type Props = {
|
|
title?: string;
|
|
};
|
|
|
|
export default async function OpengraphImage(
|
|
props?: Props
|
|
): Promise<ImageResponse> {
|
|
const { title } = {
|
|
...{
|
|
title: process.env.SITE_NAME
|
|
},
|
|
...props
|
|
};
|
|
|
|
const file = await readFile(join(process.cwd(), './fonts/Inter-Bold.ttf'));
|
|
const font = Uint8Array.from(file).buffer;
|
|
|
|
return new ImageResponse(
|
|
(
|
|
<div tw="flex h-full w-full flex-col items-center justify-center bg-black">
|
|
<div tw="flex flex-none items-center justify-center border border-neutral-700 h-[160px] w-[160px] rounded-3xl">
|
|
<LogoIcon width="64" height="58" fill="white" />
|
|
</div>
|
|
<p tw="mt-12 text-6xl font-bold text-white">{title}</p>
|
|
</div>
|
|
),
|
|
{
|
|
width: 1200,
|
|
height: 630,
|
|
fonts: [
|
|
{
|
|
name: 'Inter',
|
|
data: font,
|
|
style: 'normal',
|
|
weight: 700
|
|
}
|
|
]
|
|
}
|
|
);
|
|
}
|