[Github] GitHub Pages 서비스 이용하기

무료로 앱을 배포할 수 있는 GitHub Pages.

 

React 관련 서적을 보다가 알게되었다. (React 기반의 앱으로 GitHub Pages를 만들었다.)

 

1. package.json 파일 값 추가

{
	"scripts": {
    	...
        "predeploy" : "npm run build",
        "deploy" : "gh-pages -d build"
    },
	"browserslist" : {
    	...
    },
    "homepage" : "https://깃허브계정이름.github.io/저장소이름"
}

2. 최종 깃허브에 업로드

git add .
git commit -m "최종 반영"
git pull origin main
git push origin main

3. gh-page 설치

npm install gh-pages

4. 깃허브 저장소 다시 확인

git remote -v

5. 영화 앱 깃허브 배포

npm run deploy

6. 2번 과정을 한번 더

 

package.json 파일에 입력한 homepage 키 값을 주소창에 입력하면 깃허브 페이지에 올라간 앱을 확인할 수 있다.