import { ImageResponse } from '@vercel/og'; import { NextRequest } from 'next/server'; export const runtime = 'edge'; const interRegular = fetch(new URL('./Inter-Regular.ttf', import.meta.url)).then((res) => res.arrayBuffer() ); const interBold = fetch(new URL('./Inter-Bold.ttf', import.meta.url)).then((res) => res.arrayBuffer() ); export async function GET(req: NextRequest): Promise { try { const [regularFont, boldFont] = await Promise.all([interRegular, interBold]); const { searchParams } = new URL(req.url); const title = searchParams.has('title') ? searchParams.get('title')?.slice(0, 100) : process.env.SITE_NAME; return new ImageResponse( (
{title}
), { width: 1200, height: 630, fonts: [ { name: 'Inter', data: regularFont, style: 'normal', weight: 400 }, { name: 'Inter', data: boldFont, style: 'normal', weight: 700 } ] } ); } catch (e) { if (!(e instanceof Error)) throw e; console.log(e.message); return new Response(`Failed to generate the image`, { status: 500 }); } }