Black Background Screen Issue with Next.js Image Components on Netlify

Support
1

Hi everyone,

Black background screen issue with hosting my Next.js site on Netlify using their new v5 runtime. After rebuilding with the new runtime, none of my Next.js Image components are rendering, only a blank screen appears where the images should be. The img tags are present in the markup with the correct src, and standard img tags work fine. Everything displayed perfectly in v4.

Anyone else encountered this black issue or have a fix?

Thanks!

2

Hi @mercyjoyce,

Thanks for reaching out and welcome to Netlify’s Support Forums!

We have templates using the Netlify/Next.js runtime v5 here:

https://nextjs-platform-starter.netlify.app/image-cdn

Perhaps that can help you troubleshoot the issue.

You can also find the GitHub repo for that Next.js template here:

If you continue to have issues, could you share the Netlify site name that you’ve deployed onto? This would be something like sitename.netlify.app.

3

@Melvin ,
Thank you for your response.

1 Like