Images not being shown when everything is correct

Help
1

I have my images in pubilc folder in nextjs, I am using proper routes even then the images are not being shown, they are propery working in the local machine, I am not even using any env variables or paths like that, and I have tried adding multi configurations in next.config.js still it’s not working, (without configurations and with configurations) in both cases it’s not working. I dont have the slightest idea why is this happening, and if I paste the url and enter the name the image open but isn’t showing there

If you need code access kindly reply to this or mail me at codenow12345@gmail.com, it’s a private design so I can’t leak the whole one publicly, but if you need any speceific parts that I can share.

I am using next js, and just trying to make a simple static application, please help me with this

4

Do you have a live URL where we can see the images not loading? We’ll need more information to help properly

The first thing I would do is check the HTML and see what img src URL it’s trying to use and try to go there directly

  • if it’s a relative path like src="images/image.png", this will have different behavior depending on if the URL has a trailing slash or not, which could explain a difference between local and in prod
  • if you have a .vercelignore file it could be blocking certain files from being included in the build
  • if you have lowercase in the HTML but uppercase in the image filename, that could work on windows (which is case insensitive) but not when deployed to a linux environment