Image is not loading in the deployed site

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&amp;w=128&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fik.imagekit.io%2Fuditya%2FLogos%2Fbleet.png%3FupdatedAt%3D1711403609222&amp;w=256&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fik.imagekit.io%2Fuditya%2FLogos%2Fbleet.png%3FupdatedAt%3D1711403609222&amp;w=256&amp;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:

1 Like

Gotcha! Issue resolved. Thanks for responding!