내맘대로 frontend 낙서장

Next.js GithubPages배포 본문

react

Next.js GithubPages배포

deadeye 2023. 11. 16. 20:44

https://www.jasonchoi.dev/posts/publish-nextjs-to-gh-pages

 

Next.js Github Pages 가장 쉽게 배포하기

가장 쉽게 배포하는 방법을 알아보자.

www.jasonchoi.dev

해당 블로그를 참조하면 배포하는 방법이 매우 쉽다 그러나 13.3이후 버전을 쓴다면 조금 수정을해야한다.

 

위 블로그를 그대로 따라하되 2가지만 수정하면된다.

 

1. build명령어를 "next build"로 한다.(뒤에 next export는 지우면된다.)

 

2. next.config.ts에 다음과 같이 추가한다.

const nextConfig = {
  output: 'export',
  basePath: '/레포지토리이름',
};

 

그러면 잘되는 걸 확인할 수 있다.

 

왜그렇게 되었냐면 13.3이후버전부터 next export 명령어가 사라졌기 때문이다.

 

 

**참고자료

https://github.com/owncast/owncast/issues/3413

https://nextjs.org/docs/pages/building-your-application/deploying/static-exports