next.js url 설정

Question

지금 사용하고 있는 홈페이지의 url을 변경하려고 합니다. 
예를들어 /profiles -> /users 로 변경하려고 하는데요. 
pages에 해당 url에 맞게 코드를 옮겨 놓았습니다. 
문제는 이전 url(/profiles)로 들어오는 사람도 변경된 url로 이동시켜주고 싶은데요. 
어떤 방법이 있을까요????

엄홍재 · Answer

안녕하세요!

저는 두 가지 방법이 떠오릅니다!

1. 기존 페이지를 유지하되 server side rendering을 이용해서 해당 url로 접속하는 사람을 변경된 url로 redirect 시켜주는 것입니다.

export async function getServerSideProps(context) {
    return {
      redirect: {
        destination: /users,
        permanent: true,
      },
    }
}

2. next.config.js에 redirects를 설정 할 수 있습니다.

module.exports = {
  async redirects() {
    return [
      {
        source: /profiles,
        destination: /users,
        permanent: true,
      },
    ]
  },
}

코드는 nextjs 공식문서를 참고하였습니다.
1. https://nextjs.org/docs/api-reference/data-fetching/get-server-side-props#redirect
2. https://nextjs.org/docs/api-reference/next.config.js/redirects