Next.js Image Component Optimization Error

1. Width/height not provided on Image component (required for static imports)
2. External image domain not whitelisted in next.config.js
3. Image format not supported by Next.js optimization
4. Invalid src prop (relative path instead of absolute)
5. Image optimization disabled but image props incorrect

Always provide width and height:

For external images, add to next.config.js: { images: { remotePatterns: [{ hostname: 'example.com' }] } }

Use static import when possible: import img from '@/public/img.jpg';

Ensure image file exists and is valid format (jpg, png, webp, gif)