[GitHub] 리액트 프로젝트를 gh-pages로 배포하는 방법

2022-12-05

GitHub 레포지토리에 작성한 코드를 무료로 배포하는 방법을 알아보겠다.


gh-pages 설치하기

먼저 아래 명령어로 설치를 해준다

npm install gh-pages --save-dev

package.json 파일 수정하기


package.json 파일에 아래와 같이 코드와 배포할 홈페이지 주소를 추가해준다.

"predeploy": "npm run build",
"deploy": "gh-pages -d build"

packagejson파일

배포하기

npm run deploy

배포 명령어를 입력 후 해당 github - settings - pages를 들어가면 gh-pages 브랜치가 새로 생긴다.

packagejson파일

위와 같이 Source 의 branch를 gh-pages로 위와 같이 설정해주면 무료로 웹 호스팅을 할 수 있다.