It seems to be possible to run vercel/og directly about og HOT 2 CLOSED

import { ImageResponse } from "@vercel/og";

import type { NextApiResponse } from "next";

export default async function renderOgImageResponse(
  res: NextApiResponse,
  component: JSX.Element
) {
  const imgRes = new ImageResponse(component, {
    width: 1200,
    height: 630,
  });

  // vercels types are wrong
  const i = imgRes as Response;

  // I tried getting the streams API to work, but failed, so we need to use full buffers
  const b = await i.blob();

  res.setHeader("content-type", b.type);
  res.setHeader("content-length", b.size);
  res.setHeader(
    "cache-control",
    process.env.NODE_ENV === "development"
      ? "no-cache, no-store"
      : "public, immutable, no-transform, max-age=31536000"
  );

  res.status(200);
  const arrayBuffer = await b.arrayBuffer();

  res.send(Buffer.from(arrayBuffer));
}