javascript - how to add domains to next.config.js for "next/image" while using a plugin

Question

This is my current setup.

// next.config.js
const withImages = require("next-images");

module.exports = withImages({
  webpack(config, options) {
    return config;
  },
});

I want to add this code to allow images from the domain localhost:3001.

images: {
  domains: ['localhost:3001'],
},

Answer 1

You simply have to add the images object to the config object passed to withImages.

// next.config.js

const withImages = require("next-images");

module.exports = withImages({
    images: {
        domains: ['localhost:3001']
    },
    webpack(config, options) {
        return config;
    }
});