• https://nextjs.org/docs/app/api-reference/next-config-js

next.config.js는 Next.js 애플리케이션의 전역 설정을 정의하는 파일입니다.

이번 글에서는 자주 사용하는 주요 옵션을 정리하고, 각 설정의 역할과 예제 코드를 제공합니다.

기본 설정 (appDir, distDir, basePath)

appDir (앱 라우터 사용 여부)

• true 설정 시 App Router(앱 라우터) 사용
• Next.js **13.4 이후 기본값이 true*로 변경됨
• React Strict Mode가 자동 활성화됨
• 기본적으로 설정하지 않아도 됨 (권장)

module.exports = {
  experimental: {
    appDir: true,
  },
};

distDir (빌드 폴더 변경)

• next build 실행 시 생성되는 빌드 파일 폴더의 이름을 변경할 수 있음
• 기본값은 .next

module.exports = {
  distDir: "build", // 빌드 결과물이 "build" 폴더에 저장됨
};