來學 React 吧之八＿部署 React App

參考資料：[Day 29 - 即時天氣] 寫網頁就是要炫耀啊，不然要幹麻？發布上 Github Pages 吧！

Deployment

0. 在專案資料夾底下做所有 CLI 操作

1. git add .

2. git commit -m "reponame"

3. 在 GitHub 上面開一個 repo

4. git remote add origin git@github.com:username/repo-name.git

5. git push -u origin main 如果有問題，可以把 main 跟 master 互換試試看

6. 安裝部署工具 gh-pages

npm install --save gh-pages

7. package.json 裡面改資料：

a. 在最上面改 name & homepage

a.1 "name": "repo name",

a.2 "homepage": "https://username.github.io/repo-name",

b. scripts 標籤裡面增加下面兩行

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

8. 設定 GitHub Pages

GitHub Pages -> choose a theme(任選無所謂) -> create

GitHub Pages 不太好找，通常會在這裡 https://github.com/username/repo-name/settings/pages

到專案的 GitHub 那一頁，記得要把內容指定到 gh-pages 這個分支。

發布：$npm run deploy

9. 發表成功的話，應該會在下列網址看到剛剛部署上去的東西

https://username.github.io/repo-name/

10. SSH 連線問題

發布的時候遇到 SSH 連線的問題，參考筆記 如何建立 SSH 連線在 GitHub 上面 

11. 有了 React Routers 之後的 deploy，可以參考 注意事項，不過我暫時沒有遇到問題

12. 改好程式碼，再部署一次

a. 在專案資料夾底下做所有 CLI 操作

b. git add .

c. git push -u origin main

d. 到專案的 GitHub 那一頁，記得要把內容指定到 gh-pages 這個分支

e. 發布：$npm run deploy