open lagoon
My SSG built site should use 300+ images. I can either load them from a REST API or from a S3 compatible storage like min.io at built time. The images are not available from the deployed host (vercel, netlify, ...).
What is the best solution with Astro?
wild sorrelBOT
Hi @open lagoon. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
Astro provides several ways to handle images, including those stored remotely in a content management system (CMS) or digital asset management (DAM) platform. You can store your images remotely and Astro can fetch your data using APIs or display images from their full URL path. For extra protection when dealing with external sources, remote images will only be processed from authorized image sources specified in your configuration. However, any remote images can be displayed source (https://docs.astro.build/en/guides/images#_top).
Astro also provides an Image Services API that allows you to connect Astro with the third-party image service of your choice. This API contains a small collection of hooks that can control image handling inside of Astro. For example, a simple image service exports a getURL() function to create the src URL for each image that points to the image service domain or custom URL path. More complex image services can use hooks like transform() to directly generate and return an image to be served, at build-time source (https://astro.build/blog/images#integrating-with-third-party-image-services).
If you're using Vercel, you can try the official Vercel adapter (https://docs.astro.build/en/guides/integrations-guide/vercel/) for Astro. Anyone using this adapter will see their images use the Vercel-specific URL endpoint that allows Vercel to handle the image optimization for you source (https://astro.build/blog/images#integrating-with-third-party-image-services).
Astro also supports image CDNs. You can use an image’s full URL as the src attribute in the <Image /> component, an <img> tag, or in Markdown notation. For image optimization with remote images, also configure your authorized domains or URL patterns source (https://docs.astro.build/en/guides/images#using-images-from-a-cms-or-cdn).