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

• [x] 주로 사용하는 옵션 작성

• [ ] 모든 옵션 작성

appDir

• 앱 라우터 사용 여부
• 13.4 버전 이후 앱 라우터 안정화로 더 이상 불필요
• React Strict Mode 자동 활성화

assetPrefix

• asset 경로 지정

const isProd = process.env.NODE_ENV === 'production'
 
module.exports = {
  // Use the CDN in production and localhost for development.
  assetPrefix: isProd ? '<https://cdn.mydomain.com>' : undefined,
}

basePath

• 기본 경로 변경

// next.config.js
module.exports = {
  basePath: '/docs',
}

// Link example
export default function HomePage() {
  return (
    <>
      <Link href="/about">About Page</Link>
    </>
  )
}

// output
<a href="/docs/about">About Page</a>

// Images example
import Image from 'next/image'
 
function Home() {
  return (
    <>
      <h1>My Homepage</h1>
      <Image
        src="/docs/me.png"
        alt="Picture of the author"
        width={500}
        height={500}
      />
      <p>Welcome to my homepage!</p>
    </>
  )
}
 
export default Home

distDir

• next build 실행시 output 폴더 명

module.exports = {
  distDir: 'build',
}

env

• 환경변수 설정

module.exports = {
	env: {
		customKey: 'my-value',
	},
}