Commit schedule opengraph image

Author: hasparus

src/app/conf/2025/schedule/[id]/opengraph-image.tsx

@@ -0,0 +1,46 @@
+import { ImageResponse } from "next/og"
+
+import { loadFontsForOG } from "@/app/fonts/og/load-fonts-for-og"
+
+import { schedule } from "../../_data"
+import ScheduleOpengraphImage from "../../components/session-opengraph-image"
+
+export const contentType = "image/png"
+export const size = {
+  width: 1200,
+  height: 630,
+}
+
+export function generateStaticParams() {
+  return schedule.filter(s => s.id).map(s => ({ id: s.id }))
+}
+
+export default async function SpeakerOGImage({
+  params,
+}: {
+  params: { id: string }
+}) {
+  const decodedId = decodeURIComponent(params.id)
+  const session = schedule.find(s => s.id === decodedId)
+
+  if (!session) {
+    throw new Error(`Speaker not found: ${decodedId}`)
+  }
+
+  const fonts = loadFontsForOG()
+
+  return new ImageResponse(
+    (
+      <ScheduleOpengraphImage
+        session={session}
+        date="September 8-10"
+        year="2025"
+        location="Amsterdam, Netherlands"
+      />
+    ),
+    {
+      ...size,
+      fonts: await fonts,
+    },
+  )
+}

src/app/conf/2025/speakers/[id]/opengraph-image.tsx

@@ -1,6 +1,4 @@
 import { ImageResponse } from "next/og"
-import { readFile } from "node:fs/promises"
-import { resolve } from "node:path"
 
 import { loadFontsForOG } from "@/app/fonts/og/load-fonts-for-og"