배포환경

• AWS S3
• Cloud Front
• Route53

에러코드 : Configure images.unoptimized = true in next.config.js to disable the Image Optimization API.

next export Image Error

• export 시에 에러가 발생
• 1. next.config.js file images: {loader:'akamai'} 변경 ✖️

moduel.exports = {
    images: {
        loader: 'akamai',
        path: '/',
    	}
 }

• 2. next.config.js file images: {loader:'imgix'} 변경 ✖️

module.exports = {
  images: {
    loader: 'imgix',
    path: 'http://localhost:3000,https://riderlog-v2.com/',
  },
};

• 3. next.config.js file images: { unoptimized: true} 변경 👌

const nextConfig = {
  reactStrictMode: true,
  images: {
    unoptimized: true,
  },
};

module.exports = nextConfig;

• 보편적으로 나타나는 해결책으로는 loader와 path를 잡고 진행시키는 방법을 제시해주는데 두가지 방법으로도 해결이 안되었다.
• 그러다 unoptimaized를 변경하면서 배포 and Local 환경에서도 이미지가 제대로 나타나게 되었다