In this short snippet you will learn how to prevent “Error: Invalid src prop” in Next Js. Let's get started!
Open next.config.js and add it in the ”images” config
Add the domain section for your backend / image domain server
/** @type {import('next').NextConfig} */
const nextConfig = {
images: { domains: ['assets.example.com'], },
}
module.exports = nextConfigOnce you have done so restart the server and you should be able to see the image.
