buildmymcpserver/apps/web/app/apple-icon.tsx

import { ImageResponse } from 'next/og';

// Edge runtime — see opengraph-image.tsx: avoids the next/og fileURLToPath
// crash during a Node-runtime prerender (notably on Windows builds).
export const runtime = 'edge';

export const size = { width: 180, height: 180 };
export const contentType = 'image/png';

export default function AppleIcon() {
  return new ImageResponse(
    <div
      style={{
        width: '100%',
        height: '100%',
        background: '#6366F1',
        borderRadius: 38,
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
      }}
    >
      <svg width="120" height="120" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
        <title>BuildMyMCPServer</title>
        <path
          d="M8.5 22.5V9.5L16 16L23.5 9.5V22.5"
          stroke="#FFFFFF"
          strokeWidth={2.4}
          strokeLinecap="round"
          strokeLinejoin="round"
          fill="none"
        />
      </svg>
    </div>,
    { ...size },
  );
}