ref

Next.js에서 커스텀 설정을 하기 위해서는 프로젝트 디렉터리의 루트(package.json 옆)에 next.config.js 또는 next.config.mjs 파일을 만들 수 있습니다.

next.config.js는 JSON 파일이 아닌 일반 Node.js 모듈입니다.

Next.js 서버 및 빌드 단계에서 사용되며 클라이언트 빌드에는 포함되지 않습니다.

Redirects (URL변경됨)

ref

• Next.js는 redirect를 함수로써 지원합니다.
• Redirect을 사용하면 들어오는 request 경로를 다른 destination 경로로 Redirect할 수 있습니다.
• Redirect을 사용하려면 next.config.js에서 redirects 키를 사용할 수 있습니다.
• 이 함수는 배열을 반환하며 배열의 요소는 객체로 이루어져 있고 해당 객체에는 다음과 같이 다양한 property가 존재합니다.
• source : String
  • 들어오는 request 경로 패턴 (request 경로)
• destination : String
  • 라우팅하려는 경로 (redirect할 경로)
• permanent : boolean
  • true인 경우 클라이언트와 search 엔진에 redirect를 영구적으로 cache하도록 지시하는 308 status code를 사용.
  • false인 경우 일시적이고 cache되지 않은 307 status code를 사용합니다.
• basepath : false | undefined
• locale : false | undefined
• has : { type, key, value } []

// next.config.js

module.exports = {
  async redirects() {
    return [
      {
        source: '/about',
        destination: '/',
        permanent: false,
      },
			{
        source: '/detail/:id'',
        destination: '/detail',
        permanent: false,
      },
    ]
  },
}