I’m working on an NFT trading platform and using Thirdweb for blockchain integration. Everything works great when I test it on my local development server. All the NFT artwork loads without any problems.
But here’s the weird part - after I pushed my project to Netlify for production, none of the NFT images are loading anymore. The rest of the site works fine, just the images are broken.
Has anyone run into this issue before? I’m not sure if it’s a hosting problem or something with how I’m handling the image URLs. Any suggestions would be really helpful. I can share specific code if needed.
check ur Netlify console logs - ur likely gettin 404s on the image URLs. same thing happened to me. the metadata was pointin to localhost URLs instead of actual ipfs hashes. make sure your NFT metadata uses proper ipfs:// or https://gateway URLs.
It appears that you are encountering issues related to CORS and potentially the IPFS gateway you are using. In production, your application operates from a different domain than your local development environment, which may cause CORS policy violations that block image loading. I experienced a similar issue with NFT images; switching to a more reliable IPFS gateway, like Cloudflare’s ipfs.io, resolved my problems. Additionally, ensure your image URLs are accessible and don’t use HTTP, as mixed content policies in production could prevent loading. It might also help to verify the metadata for any relative paths that could break in the deployment phase.