Configure remote images with images.remotePatterns. next/image lazy loads by default and needs width and height unless you use fill.

next/image optimizes images then lazy loads them by default. You give a width and a height or use the fill prop so the layout is stable. To load images from another host you list it under images.remotePatterns in next.config. The older images.domains option is deprecated.