React App 部署到 GitHub Pages 上

步驟

1. 先把程式碼 push 到 GitHub 上
2. 回到本機端的專案資料夾下，安裝 gh-pages 套件
   1. npm i gh-pages
3. 打開專案資料夾底下的 package.json 檔案，找到 scripts，在 scripts 底下補上以下兩行指令
   1. "predeploy": "npm run build",
   2. "deploy": "gh-pages -d build",
4. 一樣在 package.json 檔案中，補上你的 Repo 的 link
   1. "homepage": "https://<github_user_name>.github.io/<repo_name>"
5. 在專案資料夾底下，輸入以下指令進行部署
   1. npm run deploy
6. 回到 GitHub，會看到多一個 gh-pages 的 branch
7. 設定 Repo 的 Settings，切換 gh-pages 的 branch 給 GitHub Pages 做使用
8. 大功告成，GitHub Pages 的 link 應該就會出現在畫面上了