Next Image 외부 도메인 설정

외부 도메인으로부터 이미지를 가져와서 사용하려 했더니 Next Image에서 외부 도메인 설정을 필요로 했다. 아래와 같은 메시지가 나왔고

External domains must be configured in next.config.js using the domains property.

아래 방법으로 해결했다.

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

const nextConfig = {

   reactStrictMode: true,

   ...,

   images: {

      domains: \["search1.cdn.net"\],

   },

};



module.exports = nextConfig;