想做副業別急著買伺服器:掘金長文分享五個月僅花6元的雲端免費方案實踐
科技 深度報導 刊登 (台北時間) 閱讀約 4 分鐘
掘金作者「三隻萌新」分享五個月副業僅花6元域名費的實踐,整理以Vercel與Cloudflare免費方案替代購買伺服器的完整輪廓與踩坑紀錄。
掘金作者「三隻萌新」於2026年10月28日發文,分享自己斷斷續續經營個人副業五個多月的心得。文章的核心數字相當直接:雲伺服器支出為零,五個月總開銷僅新臺幣等值約人民幣6元,只買了一個域名。前端、後端、資料庫與檔案儲存,全部由 Vercel 與 Cloudflare 的免費方案承擔。
各組件的分工邏輯
文章先把實際用到的服務逐一拆解。Vercel 主要部署前端網頁,Vue、Next.js 專案皆可,其中 Next.js 在 Vercel 上適配最好,開箱體驗順滑。Cloudflare Pages 同樣用於前端,適合靜態頁面、Astro 與一般 Vue 專案,最大優勢是免費頻寬無上限,但 Next.js 的部分進階特性需要額外適配才能運行。
後端方面,Cloudflare Workers 用來跑 API 服務,作者以 Express 為例,寫完直接部署到全球邊緣節點,不需自行管理伺服器。資料儲存則區分為兩類:D1 是 Cloudflare 內建的 SQLite 資料庫,存放任務、使用者等結構化業務資料;R2 負責圖片與上傳檔案,特點是對外下載不收流出流量費。
至於 K2 訊息佇列與 Basin 資料湖,作者表示完全沒有使用。K2 需付費套餐才能開啟,對現階段的 MVP 小專案而言沒有必要投入時間研究。
前端部署與網域配置
實作流程上,作者先進入 Cloudflare 側邊欄的 Workers 與 Pages 入口建立專案,授權後關聯 GitHub 儲存庫,選定要部署的前端程式碼。首次部署完成後頁面直接報錯打不開,作者指出絕大多數情況是建置命令與輸出資料夾配置錯誤,回到專案設定調整後重新觸發打包即可。
網域配置採取分工做法:根域名 example.com 之下,主站 www.example.com 交給 Vercel,另建子網域 vue.example.com 分配給 Cloudflare Pages,Cloudflare 會自動生成 DNS 解析記錄。後端服務同樣綁定自訂子網域,作者將 api 子網域指到 Worker。
後端踩坑:本地正常、線上500
作者坦言後端踩坑最多。本地開發使用 better-sqlite3 跑 SQLite,一切正常;程式碼推上線上 Worker 後,介面直接回傳 500。由於錯誤頁面看不出具體原因,需要到 Observability 日誌頁面查看事件記錄,過濾 error 級別日誌才能取得報錯堆疊。
文章另提醒一個容易誤判的地方:監控指標總覽頁面只統計 Worker 底層執行時的崩潰錯誤,業務程式碼回傳 500 並不會計入 Errors 指標,不應被顯示為 0 的錯誤數迷惑。D1 資料庫的監控面板則可查閱查詢次數、讀寫行數、儲存空間、資料表數量與查詢延遲。
兩平臺的選擇建議
針對兩個前端平臺如何取捨,作者給出的原則是:Next.js 專案優先選 Vercel,原生適配、踩坑較少;一般靜態 Vue 或 H5 頁面則選 Cloudflare Pages,不必擔心流量暴增產生高額帳單。
這類以雲端免費層替代自購伺服器的做法,近年在獨立開發者社羣間流通廣泛。V2EX 上也曾有開發者分享以 Flutter 打造跨平臺遊戲、兩年做到 DAU 約 500 而全程無商業廣告的紀錄,同樣屬於低成本的個人專案實踐。掘金此前另有一篇以 KStudio 排查訂單狀態異常的長文,與本文同屬開發者第一手實戰紀錄的性質。
需要說明的是,本文為單一作者的個人經驗分享,其開銷數字與使用情境均以自身 MVP 專案為前提。免費方案在各平臺的用量額度與條款可能隨時調整,實際成本須依個別專案的流量與功能需求另行評估,文章本身並未提供不同規模專案的對照數據。