DevOps 部署入門
寫好的網站或應用程式，要讓別人在網路上看到，就得「佈署」（Deployment）到某個平台上。這個網站專門整理六個目前最常用、對個人與小型專案最友善的佈署平台：Vercel、Netlify、Cloudflare Pages、GitHub Pages、Render、Replit，說明各自的定位、佈署步驟，並收錄官網與 YouTube 上優質的教學影片。
什麼是佈署（Deployment）？
佈署是指把程式碼變成一個使用者能透過網址（URL）存取的服務。早期做法是自己租主機、裝作業系統、設定伺服器軟體（俗稱「維運」，Operations）；現在的雲端平台把這整套流程自動化，開發者只要把程式碼推到 Git（例如 GitHub），平台就會自動建置（Build）並上線，這種做法稱為持續部署（Continuous Deployment，簡稱 CD）。DevOps 就是把「開發」（Dev）與「維運」（Ops）結合，用自動化工具讓程式碼從撰寫到上線的過程更快、更穩定。
本站介紹的六個平台，都屬於這種「連上 Git 倉庫、自動建置上線」的現代佈署服務，差別在於適合的專案型態（純靜態網站、全端應用、後端服務）與免費方案的限制。
最重要的 20% 觀念
不管用哪個平台，掌握以下六個觀念，就能舉一反三，快速上手任何一個佈署平台：
| 觀念 | 說明 |
|---|---|
| Git-based 持續部署 | 平台會監看指定的 Git repository（例如 GitHub），每次 push 到指定分支就自動觸發建置與上線，不需要手動上傳檔案。 |
| 建置指令與輸出目錄 （Build Command / Output Directory） |
平台需要知道「怎麼把原始碼變成能上線的靜態檔案」（例如 npm run build），以及「建置完成的檔案放在哪個資料夾」（例如 dist/、build/）。設定錯誤是新手最常遇到的佈署失敗原因。 |
| 環境變數 （Environment Variables） |
API 金鑰、資料庫連線字串等敏感或依環境而異的設定，不寫死在程式碼裡，而是在平台後台設定，執行時才注入。 |
| 預覽部署 （Preview Deployments） |
針對 Pull Request 或非正式分支，平台會自動產生一個獨立的測試網址，方便在合併到正式環境前先行檢視與測試。 |
| 自訂網域與 HTTPS | 平台預設提供一個子網域（例如 your-app.vercel.app），也都支援綁定自己買的網域，並自動核發免費 SSL 憑證。 |
| 靜態網站 vs. 動態服務 | 純前端網站（HTML/CSS/JS 或建置後的靜態檔案）幾乎所有平台都能免費佈署；若需要常駐執行的後端伺服器（Node.js、Python API、資料庫），則要選擇支援「Web Service」或容器執行的平台。 |
本站涵蓋的平台
-
Vercel
Next.js 官方打造的平台，前端框架與 Serverless Functions 的首選。
-
Netlify
Jamstack 佈署的先驅，表單、身份驗證等附加功能齊全。
-
Cloudflare Pages
架在 Cloudflare 全球邊緣網路上，速度快、免費額度大方。
-
GitHub Pages
直接用 GitHub repository 佈署純靜態網站，設定最單純。
-
Render
支援常駐 Web Service、背景工作與資料庫，適合全端專案。
-
Replit
線上 IDE 直接寫程式、直接佈署，最適合學習與快速原型。
怎麼選？
- 純前端網站（React、Vue、純 HTML）：Vercel、Netlify、Cloudflare Pages、GitHub Pages 都適合，差別在附加功能與免費額度。
- 需要常駐後端服務或資料庫：優先考慮 Render；Vercel／Netlify 也提供 Serverless Functions，但不適合長時間執行的任務。
- 教學、練習、快速原型：Replit 可以直接在瀏覽器寫程式並立即佈署，不需要在本機安裝任何工具。