Error: Invalid src prop (https://res.cloudinary.com) on next/image

I get this error when I try to access images from cloudinary on my next js website

Unhandled Runtime Error
Error: Invalid src prop (https://res.cloudinary.com) on `next/image`, hostname "res.cloudinary.com" is not configured under images in your `next.config.js`
See more info: https://nextjs.org/docs/messages/next-image-unconfigured-host

Admin

2023-05-17

Simple fix is to go to your next.config.js and add the cloudinary hostname as shown below

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  swcMinify: true,
   images: {
    domains: ['res.cloudinary.com'],
   },
}

module.exports = nextConfig

Error: Invalid src prop (https://res.cloudinary.com) on next/image

Similar Content

Add Message

Tags

Thread detail

Thread Create

Privacy Policy