Logo API for Next.js

// Recommended: Client-side fetching with plain img tag
// ✓ Each user fetches directly from our CDN
// ✓ Won't hit rate limits (requests spread across user IPs)
// ✓ Proper attribution tracking via Referer header
function CompanyLogo({ domain }: { domain: string }) {
  return (
    <img
      src={`https://logos-api.apistemic.com/domain:${domain}`}
      alt={`${domain} logo`}
      width={64}
      height={64}
      loading="lazy"
    />
  );
}

// Alternative: next/image with unoptimized prop
// The unoptimized prop ensures client-side fetching
// Without it, Next.js fetches server-side → rate limits + no attribution
import Image from 'next/image';

function CompanyLogo({ domain }: { domain: string }) {
  return (
    <Image
      src={`https://logos-api.apistemic.com/domain:${domain}`}
      alt={`${domain} logo`}
      width={64}
      height={64}
      unoptimized // Required: ensures client-side fetching
    />
  );
}