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'],
},

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'],
},

• javascript
• next.js
• nextjs-image

2 Answers 2

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;
    }
});

I think you shoud set assetPrefix, read Options in the docs

// next.config.js
const withImages = require('next-images')
module.exports = withImages({
  assetPrefix: 'https://example.',
  dynamicAssetPrefix: true,
  webpack(config, options) {
    return config
  }
}