DEV Community

Cover image for How to allow all domains for Image nextjs config?
MedCode
MedCode

Posted on • Edited on

How to allow all domains for Image nextjs config?

#webdev #nextjs #solution #javascript

Learn how to configure next js image hosting and prevent invalid src prop error.
Open next.config.js and add it in the ”images” config

 module.exports = { images: { domains: ['res.cloudinary.com'], }, };
Enter fullscreen mode Exit fullscreen mode 
 images: { remotePatterns: [ { protocol: "https", hostname: "avatars.githubusercontent.com", port: "", pathname: "/**", }, ], },
Enter fullscreen mode Exit fullscreen mode

you Can also see another solution in medCode Blogs

Top comments (0)