Images

Due to the requirement that images uploaded to the Homeflow CMS need to come directly from our image servers via Clouflare cache, you should not use the default Image component from next/image as you would normally do in a Next.js app.

Instead, use our custom Image component from @homeflow/v4-lib/images/image, which takes exactly the same props but renders the correct URLs for Homeflow images (and renders default Next.js URLs for images from the app).

import Image from '@homeflow/v4-lib/images/image';

<Image
  src={branch.mainPhoto}
  alt={branch.name || 'Branch'}
  width={300}
  height={250}
/>
Copy