Next.js 에서 처음 보여주는 페이지를 변경하는 방법이 있나요?

https://nextjs.org/docs/api-reference/next.config.js/redirects 찾아보니 이런 방법이 있는데 제가 next.js를 사용해보지 못해서 테스트는 못했습니다

1module.exports = {
2  async redirects() {
3    return [
4      {
5        source: '/about',
6        destination: '/',
7        permanent: true,
8      },
9    ]
10  },
11}

https://nextjs.org/docs/advanced-features/middleware 미들웨어를 사용하셔도 되고 다른분 댓글처럼 해도 될거 같네요 제 개인적인 의견으로는 아예 서브도메인을 다르게 가져가는거면 next.js에서 말고 인프라쪽에서 처리하는게 맞을거 같고 만약 next.js해야한다면 서버에서 처리하는 방식인 미들웨어를 쓸거 같아욥 클라이언트 라우터에서 처리하면 일단 브라우저를 거쳐야되서 seo적으로도 좋지 않을거 같습니다.

Next.js에서는 pages 폴더 내에 파일명에 따라 라우팅이 자동으로 처리됩니다. 이때, 파일명이 ' index '인 파일은 루트 경로(' / ')로 매핑됩니다. 따라서, 첫 페이지를 index가 아닌 특정 라우트로 설정하고 싶다면, 해당 라우트에 맞는 파일을 pages 폴더에 생성하면 됩니다. 예를 들어, ' /home ' 경로에서 첫 페이지를 보여주고 싶다면 ' pages/home.tsx ' 파일을 생성하면 됩니다. 또한, Next.js에서는 ' next.config.js ' 파일에서 설정을 변경할 수 있습니다. 예를 들어, 다음과 같이 ' next.config.js ' 파일에 설정을 추가하면 루트 경로(' / ') \를 ' /home ' 경로로 변경할 수 있습니다. 이렇게 설정하면 첫 페이지가 ' /home ' 경로에서 시작됩니다. 참고로, Next.js에서는 페이지가 서버에서 렌더링되기 때문에 ' useEffect '와 ' router.push '와 같은 클라이언트 측 코드를 사용하면 원하는 대로 작동하지 않을 수 있습니다. 이 경우, ' getInitialProps ' 또는 ' getServerSideProps '와 같은 서버 사이드 렌더링 메서드를 사용하여 해결할 수 있습니다.

1module.exports = {
2  async redirects() {
3    return [
4      {
5        source: '/',
6        destination: '/home',
7        permanent: true,
8      },
9    ]
10  },
11}