MaestroDocs
NextJS

NextJS Config

Configure image urls

How to configure image urls in for next Image component?

/** @type {import('next').NextConfig} */
const nextConfig = {
  images: {
    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'res.cloudinary.com',
        pathname: '**',
      },
    ],
  },
};
 
module.exports = nextConfig;

On this page