Github page에 next.js 호스팅 하는 방법

Next.js, Nuxt.js, Gatsby, Hugo, Jekyll 및 HTML에 대한  starter workflows 가 있으니 필요한 파일 복사해서 붙여넣자

 

1. Next.js, Nuxt.js, Gatsby, Hugo, Jekyll 또는 HTML을 만들어 저장소에 저장한 후 해당 저장소의 설정 탭으로 이동

2. 왼쪽 사이드바에서 페이지를 클릭

 

3.빌드 및 배포에서 GitHub 작업을 선택

 

4. repository의 코드를 기반으로 몇가지 workflow가 제안된다. 코드 베이스와 호환되는 workflow를 선택

- 나는 지금 workflow가 하나라서 안보임

 

5. 구성을 클릭하면 미리 만들어진 workflow로 이동

자유롭게 yaml 파일을 조정하고 코드 커밋하기

- 나는 starter workflows에서 파일 복사했던 내용 복사했음

GitHub - actions/starter-workflows: Accelerating new GitHub Actions workflows

 

5. action이 실행되기 시작 url을 생성하고 성공하면 Git Hub 페이지 배포

6. yourusername.github.io/ 웹사이트를 확인

 

 

 

참고 : https://dev.to/github/how-to-host-a-static-nextjs-site-on-github-pages-4pe0