Next js 첫 시작페이지 변경하기

wony·2023년 11월 14일
1

Next.js에서 app routing을 사용할 경우 src/app 안의 폴더 이름명으로 routing이 이루어진다
따라서, src/app/page.tsx의 위치로 첫페이지가 route 되는데

첫 페이지를 src/app/page.tsx가 아닌 내가 원하는 페이지로 설정하고 싶다면

' next.config.js ' 파일에서 설정을 변경할 수 있다.
아래와 같이 ' next.config.js ' 파일에 설정을 추가하면 루트 경로' / ' 를 ' /main ' 경로로 변경할 수 있다.

이렇게 설정하면 첫 페이지가 ' /main ' 경로에서 시작된다.

const nextConfig = {
  async redirects() {
    return [
      {
        source: "/",
        destination: "/main",
        permanent: true,
      },
    ];
  },
};

module.exports = nextConfig;
profile
무럭무럭 성장중🌿

2개의 댓글

comment-user-thumbnail
2023년 11월 14일

많은 것을 배웠습니다, 감사합니다.

1개의 답글