nextjs 외부 이미지 보이지 않는 경우

nextjs 에서 이미지 표시할때 Invalid src prop hostname is not configured under images in your next.config.js 오류 메시지 나오는 경우 설명 나온 것처럼 next.config.js 파일에 설정 추가해야 합니다.

next.config.js 파일을 열어서 remotePatterns 부분을 추가해주세요.

/** @type {import('next').NextConfig} */
const nextConfig = {
  images: {
    remotePatterns: [
      {
        protocol: "https",
        hostname: "img.clerk.com"
      }
    ]
  }
}

module.exports = nextConfig

Leave a Comment