React Image CDN SDK

npm install @convertly-sh/image

import { ConvertlyCdnProvider, ConvertlyImage } from "@convertly-sh/image/react";

export function ProductHero() {
  return (
    <ConvertlyCdnProvider namespace={import.meta.env.VITE_CONVERTLY_CDN_NAMESPACE}>
      <ConvertlyImage
        origin="products"
        src="hero.jpg"
        width={1200}
        height={800}
        sizes="(min-width: 768px) 50vw, 100vw"
        alt="Featured product"
      />
    </ConvertlyCdnProvider>
  );
}