The Next.js Image component throws errors about unconfigured hostnames or missing dimensions.
'hostname not configured' error
Invalid src prop error
Images not optimizing correctly
External image host not in next.config.js
Missing width/height for external images
Invalid image format or URL
Image optimization service unavailable
DevConsole shows all images on the page with their optimization status and any errors.
DevConsole lists all images and their load status.
Add external domains to images.remotePatterns in next.config.js
Ensure width and height are provided for external images.
No, Next.js auto-detects dimensions for local images.
Yes, use unoptimized prop, but you lose performance benefits.
DevConsole gives you the visibility and control to fix issues like next.js image optimization error in seconds, not hours.
Get DevConsole Pro