NextJS Image component throwing mixed content errors with relative src

Well, I think I figured it out. The images I was trying to get to work were SVG images and they aren’t compatible with the NextJS <Image> component. Since the images are tiny already, I just referenced them by the regular html <img> tag. I then setup a jpg image on the home page to see if I could get that to work and yeah, it works.

The mixed-content error message was very misleading and sent me on a wild goose chase.

Thanks for the help everyone.

Oh, and by the way, this documentation was really helpful for me: GitHub - netlify/next-runtime: The Next.js Runtime allows Next.js to run on Netlify with zero configuration

2 Likes