dynamic-logo.ts

gistfile1.txt

import { loadCommunity } from "@lib/loadCommunity.server";
import { ImageResponse } from "@vercel/og";
import { NextRequest, NextResponse } from "next/server";

export async function GET(request: NextRequest, { params }: { params: { slug: string; size: string } }) {
  const community = await loadCommunity(params.slug);

  if (!community || !community.icon_url) {
    return NextResponse.json(
      { message: "Not found" },
      {
        status: 404,
      }
    );
  }

  const size = Number(params.size);

  return new ImageResponse(
    (
      <img
        src={community.icon_url}
        width={size}
        height={size}
        style={{
          objectFit: "cover",
        }}
      />
    ),
    {
      height: size,
      width: size,
    }
  );
}