init

src/pages/og/blog/[...slug].png.ts

@@ -0,0 +1,23 @@
+import { getCollection } from "astro:content";
+import { buildArticleVNode, renderOgImage } from "@/lib/og";
+
+export async function getStaticPaths() {
+  const posts = await getCollection("blog", ({ data }) => !data.draft);
+  return posts.map((post) => ({
+    params: { slug: post.id },
+    props: { title: post.data.title, description: post.data.description },
+  }));
+}
+
+export async function GET({
+  props,
+}: {
+  props: { title: string; description: string };
+}) {
+  const buffer = await renderOgImage(
+    buildArticleVNode({ title: props.title, description: props.description }),
+  );
+  return new Response(buffer, {
+    headers: { "Content-Type": "image/png" },
+  });
+}