hostname "plus.unsplash.com" is not configured under images in your `next.config.js` | Next.js | Page 1

thin jungle Sep 6, 2024, 10:20 AM

#

I have added this protocal in my next.config.mjs still it's throwoing an error,

 ✓ Compiled / in 43.1s (1078 modules)
 GET / 200 in 48168ms
 ✓ Compiled in 5.4s (448 modules)
 GET / 200 in 448ms
 ○ Compiling /favicon.ico ...
 ✓ Compiled /favicon.ico in 3.8s (650 modules)
 GET /favicon.ico 200 in 4144ms
 ○ Compiling /dashboard ...
 ✓ Compiled /dashboard in 2.8s (1122 modules)
 ⨯ Error: Invalid src prop (https://plus.unsplash.com/premium_photo-1681469490747-8926a02f901e?q=80&w=1479&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D) on `next/image`, hostname "plus.unsplash.com" is not configured under images in your `next.config.js`
See more info: https://nextjs.org/docs/messages/next-image-unconfigured-host
    at Array.map (<anonymous>)
digest: "3711818451"
 GET /dashboard 500 in 4239ms


/** @type {import('next').NextConfig} */

const nextConfig = {
  images: {
    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'www.thecocktaildb.com'
      },
      {
        protocol: 'https',
        hostname: 'plus.unsplash.com'
      },
      {
        protocol: 'https',
        hostname: 'images.unsplash.com'
      },
      {
        protocol: 'https',
        hostname: 'images.unsplash.com'
      },
      {
        protocol: 'https',
        hostname: 'plus.unsplash.com'
      },




    ],
  },
};

vestal mirageBOT Sep 6, 2024, 10:20 AM

#

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

lime aspen Sep 6, 2024, 10:22 AM

#

thin jungle I have added this protocal in my `next.config.mjs` still it's throwoing an error...

you need to add it like this:

            {
                protocol: 'https',
                hostname: 'plus.unsplash.com',
                port: '',
                pathname: '/**',
            },

thin jungle Sep 7, 2024, 1:28 PM

#

lime aspen you need to add it like this: ```tsx { protocol: 'ht...

Thanks it's working now

vestal mirageBOT Sep 7, 2024, 1:28 PM

#

✅ Success!

This question has been marked as answered! If you have any other questions, feel free to create another post

Jump to answer

[Click here](#1281559682133000192 message)

lime aspen Sep 7, 2024, 5:17 PM

#

#hostname "plus.unsplash.com" is not configured under images in your `next.config.js`