Day 29：部署到 GitHub Pages，讓網站上線

流程

1. 前端打包：npm run build（Vite/React 請設定 base）
2. 推上 GitHub：建立 gh-pages 分支或用 Actions 部署
3. 專案設定 Pages：Branch 選 gh-pages 或 docs/
4. 綁定自訂網域（可選）

Vite 範例 vite.config.js

export default { base: '/my-portfolio/' };

Git 指令（簡易）

git init
git add .
git commit -m "init"
git remote add origin https://github.com/<user>/my-portfolio.git
git push -u origin main

用 GitHub Actions 部署（建議）

• 新增 .github/workflows/deploy.yml，使用 actions/setup-node + peaceiris/actions-gh-pages

Day 29 延伸補充：部署後端 API（Render / Railway）

共同重點

• 專案根目錄需有 server/package.json 與啟動指令 node index.js
• 設定環境變數（如 PORT）
• 若用 JSON/SQLite，確認資料檔可寫入（Render 需 Persistent Disk；Railway 可掛 Volume）

Render（免費層）

1. New → Web Service → 連 GitHub → 選 server
2. Build Command：npm i
3. Start Command：node index.js
4. 設定環境變數、地區、磁碟（可選）

Railway

1. New Project → Deploy from GitHub → 選 server
2. Variables：設定 PORT
3. 取得公開 URL，前端 fetch 指向此網域

CORS 小提醒

app.use(cors({ origin: ['https://<你的-gh-pages-網域>'] }));