buildmymcpserver/apps/web/app/apple-icon.tsx
Marco Sadjadi b843394d0f
Some checks failed
Deploy to Production / deploy (push) Failing after 46s
feat(web): full SEO stack — metadata, JSON-LD, sitemap, robots, OG image
Ported and adapted from the BuildMyDiscord SEO setup:

- lib/seo.ts — single source for site constants, the FAQ data (shared by
  the rendered FAQ and the FAQPage schema so they never drift) and JSON-LD
  builders.
- Rich root metadata: title template, keywords, Open Graph, Twitter card,
  robots directives, canonical.
- JSON-LD: Organization + WebSite + SoftwareApplication sitewide, FAQPage
  on the landing page. No AggregateRating — there are no real reviews yet.
- app/robots.ts — allow all, explicit allow-list for AI answer-engine
  crawlers (GPTBot, ClaudeBot, PerplexityBot, …), disallow private routes.
- app/sitemap.ts — every public marketing + docs route.
- app/opengraph-image.tsx — monochrome on-brand 1200x630 share card.
- app/manifest.ts + public/llms.txt.
- Per-page metadata for pricing, changelog, security, privacy, terms,
  docs, templates and status.
- opengraph-image + apple-icon pinned to the edge runtime — next/og
  crashes during a Node-runtime prerender.

Verified: next build passes; /robots.txt, /sitemap.xml,
/manifest.webmanifest and /opengraph-image all generate.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-21 19:16:40 +02:00

38 lines
1006 B
TypeScript

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 },
);
}