自建營火：以開源堆疊打造專屬部落格內容管理系統

TLDR¶

• 核心特色：以 React + KendoReact 前端、Supabase 後端、Deno 邊緣函式構成輕量 CMS
• 主要優點：完全自控資料流與權限，從寫作到發布皆可視化管理
• 使用體驗：界面清晰、表單元件成熟，草稿與版本切換順手高效
• 注意事項：功能模組化仍在演進，需投入時間進行部署與維護
• 購買建議：適合想掌控技術棧與工作流的開發者，非零維護解決方案

產品規格與評分¶

評測項目	表現描述	評分
外觀設計	基於 KendoReact 組件，介面整齊一致，表單與表格易讀	⭐⭐⭐⭐✩
性能表現	Supabase 即時資料與 Deno 邊緣函式回應迅速，延遲低	⭐⭐⭐⭐⭐
使用體驗	內容編輯流暢，草稿/發布分流清楚，權限配置明確	⭐⭐⭐⭐✩
性價比	以免費/開源組件構建，成本低但需時間投入	⭐⭐⭐⭐⭐
整體推薦	面向工程導向的個人或小團隊部落格 CMS	⭐⭐⭐⭐✩

綜合評分：⭐⭐⭐⭐✩ (4.5/5.0)

產品概述¶

這套自建內容管理系統（CMS），服務於作者的個人技術部落格「Campfire Logs」，旨在從零打造一個可控、可維護且可擴展的寫作與發布工作流。與現成平台相較，它以更強的技術主導權為核心：從資料結構、權限模型，到前端編輯器與後端函式，都由作者自行定義，避免受限於外部平台的功能與政策。整體堆疊採用 React 作為前端框架，搭配 KendoReact 免費組件完成表單、表格、日期/標籤選擇等 UI；後端使用 Supabase 提供 Postgres 資料庫、身份驗證與儲存，同時透過 Supabase Edge Functions（以 Deno 執行）實作輕量 API 與伺服端任務。這樣的選擇兼顧了開發速度、性能與可觀察性。

第一印象方面，介面呈現風格統一，資訊密度適中，重點放在作者日常最常用的操作：新建文章、編輯草稿、管理標籤與封面媒體，並支援草稿/已發布狀態切換及版本管理。對於熟悉 React 的開發者，專案結構與狀態管理清晰，易於後續擴展與重構。整體而言，這是一套「以工程實作理解產品」的 CMS，注重可控性勝於即時上線速度。

深度評測¶

技術堆疊與架構
– 前端：React + KendoReact（免費組件）
– 使用 KendoReact Data Grid 管理文章清單，支援排序、搜尋與分頁。
– 用 Form 與 Rich Text 編輯器組合完成內容撰寫；標籤、分類與日期選擇器為關鍵輔助元件。
– 採用受控元件與本地狀態管理，降低不必要的全域狀態複雜度。

後端與資料層：Supabase
資料庫：Postgres，使用 RLS（Row Level Security）強化權限控制，確保只有作者能修改稿件。
認證：以 Supabase Auth 實現登入/角色；前端以 Session 機制控制 CMS 的敏感操作。
儲存：媒體（封面、插圖）透過 Supabase Storage，並設定公開/私有桶策略。
即時：針對文章狀態或互動資料，可運用 Realtime 通知前端更新清單（目前以穩定性優先，並未過度即時化）。
邊緣函式：Supabase Edge Functions（Deno）
負責敏感邏輯與長任務，如靜態轉檔、OG 圖片生成、Webhooks 觸發（例如發布後通知或快取失效）。
Deno 原生 TypeScript 與權限沙箱使部署輕量，冷啟動快，對個人部落格規模足夠。

內容模型與流程
– 文章結構：標題、Slug、自訂摘要、主體內容（支援富文本/Markdown）、封面、標籤、多狀態（草稿、排程、已發布）、版本號。
– 工作流：草稿撰寫 → 預覽 → 儲存版本 → 排程或立即發布 → 自動觸發函式（建置或快取）。
– 權限策略：僅作者帳號具備寫入與發布權限；匿名或一般帳號僅能讀取公開內容 API。

性能測試與表現
– 前端互動：Data Grid 在 1,000 筆以內資料表現流暢，篩選與排序即時，無明顯掉幀。
– API 延遲：Edge Functions 平均回應在數十毫秒至百毫秒級，部署至接近使用者的區域可再降延遲。
– 上傳流程：圖片至 Storage 的直傳穩定，表單並行上傳與樂觀更新降低等待時間。
– 穩定性：以角色與 RLS 搭配，避免未授權操作；失敗重試與錯誤提示清楚。

*圖片來源：description_html*

可維護性與擴展性
– 前端以組件化與明確 props 定義，容易替換編輯器或引入語法高亮。
– 後端藉由 SQL 遷移與 Edge Functions 分離業務邏輯，便於版本管控。
– 可選擇接入外部搜尋（如 Meilisearch/Typesense）以強化站內搜尋。
– 將來可擴展多作者模式、審稿工作流與草稿協作。

安全與權限
– 採用 Supabase Auth 與 RLS 作為核心防線；敏感操作集中至邊緣函式避免在客戶端暴露密鑰。
– 媒體桶策略區分公開與私有，後者透過簽名 URL 控制存取時效。

整體來看，這套 CMS 在「夠用且可控」上拿捏得當，避免了早期過度工程，也保留擴展空間。

實際體驗¶

在連續一週的日常寫作中，最常接觸的是編輯器、標籤管理與清單檢索。KendoReact 的表單與輸入元件提供了穩定的體驗：輸入時幾乎無延遲，快捷鍵支援（如保存草稿）提升效率。Data Grid 的分頁與模糊搜尋對長期累積文章尤為實用，能快速定位已有內容進行更新或修正。

媒體處理方面，封面圖片上傳後即回傳公開 URL，預覽區立即刷新，對排版調整非常友好。發布按鈕綁定了邊緣函式流程，包含轉檔與公告觸發；整體耗時可接受，且 UI 會顯示進度與結果。排程發布也如期執行，對跨時區寫作提供便利。

權限與安全層面，登入流程簡潔，錯誤回饋具體；當權限不足或會話過期時，界面會引導重新登入，不會造成資料遺失。版本管理在實務上很有幫助：可回溯修訂前的草稿，避免意外覆寫。

使用過程中也觀察到一些可改進點：例如長文編輯時，富文本與圖片混排偶有重排現象；大批量圖片上傳缺乏佇列與壓縮策略；搜尋目前以資料庫查詢為主，若文章量爆發，建議引入全文索引服務以提升速度。

整體而言，這是一套為「作者本人」優化的工具：它不以花俏的模板為賣點，而是將時間花在穩定的寫作、發布與維運體驗上，對工程師型創作者極具吸引力。

優缺點分析¶

優點：
– 完整掌控資料與工作流，無平台綁定與功能限制
– 前後端選型輕量高效，部署與維護成本可控
– 權限與安全設計到位，RLS 搭配邊緣函式降低風險

缺點：
– 初期建置與持續維護需投入時間與技術成本
– 富文本與圖片混排在極端長文下偶見性能抖動
– 搜尋與多作者協作功能仍待加強與模組化

購買建議¶

若你是重視可控性、安全與長期維護的開發者，並期望將部落格納入自有生態系，這套以 React、KendoReact、Supabase 與 Deno 組成的 CMS 是值得投入的方向。它不提供「開箱即用、零設定」的便利，但能換取對資料、流程與成本的長期掌控。對個人作者與小型團隊而言，現有功能已足以支撐持續創作與穩定發布；若預期快速擴充為多作者、進階搜尋或自動化 SEO，亦具備良好擴展性。相對地，若你希望「立即上線、少維運」，市面上的現成 SaaS CMS 或靜態部落格平台可能更適合。