developer-roadmap/src/pages/og/roadmap/[slug].ts

import type { APIRoute } from 'astro';
import {
  getDefaultOpenGraphImageBuffer,
  getResourceOpenGraph,
} from '../../../lib/open-graph';

export const prerender = false;

type Params = {
  slug: string;
};

export const GET: APIRoute<any, Params> = async (context) => {
  const { slug } = context.params;

  if (!slug) {
    const buffer = await getDefaultOpenGraphImageBuffer();
    return new Response(buffer, {
      headers: {
        'Content-Type': 'image/png',
      },
    });
  }

  const svg = await getResourceOpenGraph('roadmap', slug);
  return new Response(svg, {
    headers: {
      'Content-Type': 'image/svg+xml',
    },
  });
};