I’ve added images to my Next.js project, and they’re rendering fine on localhost. However, after deploying the project, the images are not showing up. I’ve double-checked the src links of the images, and they appear to be valid. I’m unsure what’s causing the issue with the deployment and where I might have made a mistake.
production link: bleet.uditya.xyz
@Uditya69 Using what I presume is the logo on the top left as an example, the markup is:
<img alt="" loading="lazy" width="120" height="15" decoding="async" data-nimg="1" style="" srcset="/_next/image?url=https%3A%2F%2Fik.imagekit.io%2Fuditya%2FLogos%2Fbleet.png%3FupdatedAt%3D1711403609222&w=128&q=75 1x, /_next/image?url=https%3A%2F%2Fik.imagekit.io%2Fuditya%2FLogos%2Fbleet.png%3FupdatedAt%3D1711403609222&w=256&q=75 2x" src="/_next/image?url=https%3A%2F%2Fik.imagekit.io%2Fuditya%2FLogos%2Fbleet.png%3FupdatedAt%3D1711403609222&w=256&q=75">
Visiting that src of:
https://bleet.uditya.xyz/_next/image?url=https%3A%2F%2Fik.imagekit.io%2Fuditya%2FLogos%2Fbleet.png%3FupdatedAt%3D1711403609222&w=256&q=75
Leads to something clerk.com related:
Gotcha! Issue resolved. Thanks for responding!
