From 92529cdce7f67bd1231cafb9eaaa7bc84dac2ce5 Mon Sep 17 00:00:00 2001 From: shadcn Date: Fri, 16 Jun 2023 23:20:55 +0400 Subject: [PATCH] feat: add default og image --- app/opengraph-image.tsx | 101 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 101 insertions(+) create mode 100644 app/opengraph-image.tsx diff --git a/app/opengraph-image.tsx b/app/opengraph-image.tsx new file mode 100644 index 0000000..0384dc1 --- /dev/null +++ b/app/opengraph-image.tsx @@ -0,0 +1,101 @@ +import { ImageResponse } from 'next/server' + +export const runtime = 'edge' + +export const alt = 'AI Chatbot' + +export const size = { + width: 1200, + height: 630 +} + +export const contentType = 'image/png' + +const interRegular = fetch( + new URL('../assets/fonts/Inter-Regular.ttf', import.meta.url) +).then(res => res.arrayBuffer()) + +const interBold = fetch( + new URL('../assets/fonts/Inter-Bold.ttf', import.meta.url) +).then(res => res.arrayBuffer()) + +export default async function Image() { + return new ImageResponse( + ( +
+
+
+
+ + + +
+
+ What is Next.js Chat? +
+
+
+
+ + + +
+
+ A Next.js 13 and App Router-ready AI chatbot template built using + Vercel AI SDK and KV for storage...▍ +
+
+
+
+
+ + + +
+ Built with{' '} +
Vercel AI SDK
& +
KV
+
+
+
demo.nextjs.chat
+
+
+ ), + { + ...size, + fonts: [ + { + name: 'Inter', + data: await interRegular, + style: 'normal', + weight: 400 + }, + { + name: 'Inter', + data: await interBold, + style: 'normal', + weight: 700 + } + ] + } + ) +}