Git hub page 배포 방법

1. package.json에 homepage를 추가

"homepage": "https://myusername.github.io/my-app",

"homepage": "https://myusername.github.io",

"homepage": "https://mywebsite.com",

homepage 필드를 사용하여 빌드된 HTML 파일의 루트 URL을 결정

 

git repository > my-project > settings > pages > branch main > save 하면 주소가 나옴

 

2. gh-pages 설치 및 scirpt 추가

npm install --save gh-pages

yarn add gh-pages

 

3. package.json 에 스크립트 추가

 "scripts": {
+   "predeploy": "npm run build",
+   "deploy": "gh-pages -d build",
    "start": "react-scripts start",
    "build": "react-scripts build",

4. 프로젝트 페이지 대신 깃헙 사용자 페이지에 배포하려면, 아래 코드를 추가(?)

"scripts": {
    "predeploy": "npm run build",
-   "deploy": "gh-pages -d build",
+   "deploy": "gh-pages -b master -d build",

 

5. 배포

npm run deploy

predeploy는 deploy를 실행하기 전 자동으로 호출됨.

 

published!

 

6. 깃헙 페이지 브랜치를 gh-pages 로 변경

 

https://create-react-app.dev/docs/deployment#github-pages

Deployment | Create React App