Next.js 14] 왜 정적 빌드가 안되는거야!

정적 빌드 문제 과정

정적 사이트를 만들기 위해 빌드를 하면서 찾아본 과정에서는

1. next.config.js에 output: "export",추가하고

   const nextConfig = {
    output: "export",
    };
   module.exports = nextConfig;

2. package.json 에서 build에 && next export 추가~!

   "build": "next build && next export",

3. 터미널에 npm run build를 작동시켰는데 에러가 나왔다.
   (솔찍히 제가 영어 잘못읽은 이슈임,,)

   The "next export" command has been removed in favor of "output: export" in next.config.js. Learn more: https://nextjs.org/docs/advanced-features/static-html-export

   

해결방법

next.js 14버전에서는

1. next.config.js에 output: "export",추가하고

   const nextConfig = {
    output: "export",
    };
   module.exports = nextConfig;

2. package.json 에서 build에 && next export 추가하면 안된다!!❌❌❌❌❌

   "build": "next build",

3. 이렇게 되면 .out 이라는 폴더 생성
   

• 하단 읽어보시면 output: "export"에 next export가 대체된거같다.
  
  [참고주소]https://nextjs.org/docs/14/app/building-your-application/deploying/static-exports

14버전 정적 빌드 참고 주소

아래 공식문서 참고하면서 작업하세용!
https://nextjs.org/docs/14/app/building-your-application/deploying/static-exports