Next.js Image Optimization Not Working

1. Using regular img tag instead of next/image Image component
2. Missing or incorrect next.config.js image configuration for external domains
3. External image domain not added to images.domains array
4. Image dimensions not specified (width/height required for static images)
5. Using placeholder before image loads without blurDataURL

Use Next.js Image: Replace <img src=... /> with import Image from 'next/image'

Set width/height: Static images need explicit dimensions: <Image src={...} width={400} height={300} />

Configure external domains: In next.config.js:
images: { domains: ['cdn.example.com', 'img.example.com'] }

Enable priority: For above-fold images, add priority prop to prevent lazy-loading delays.