My FeedDiscussionsHashnode Enterprise
Sign in
Log inSign up
Learn more about Hashnode Headless CMSHashnode Headless CMS
Collaborate seamlessly with Hashnode Headless CMS for Enterprise.
Upgrade ✨Learn more

How to use remote images with the gatsby-image plugin?

Biswaranjan Rout's photo
Biswaranjan Rout
·Jul 19, 2019

I am looking for a real example to use remote images (from a different domain) in my gatsby static site and optimize the images using gatsby-image (gatsby-plugin-sharp).

The requirement is that I should be able to download the images from a remote server at build time using gatsby and then use them in the website using gatsby-image optimization techniques so that the images load faster in all kinds of devices.

I am not able to find out any complete solution on the internet, all the tutorials I find use local images only. The solutions which are there have only part of the code and not real working examples. Please help.…