區域觀察
房地產個人品牌官網｜V1.0 專案全程復盤(下)
從需求規劃、前後台架構到正式部署上線，完整記錄我的房地產個人品牌官網 V1.0 建置歷程。
重點摘要
從房仲實際工作需求出發，建立可公開瀏覽房源、閱讀市場文章與線上聯絡的個人品牌官網。 網站採 Next.js + Supabase + Vercel 架構，並建立自製管理後台。 本文完整記錄從需求定義、技術選型、本機開發到 Production 正式部署的實務歷程。
在本機開發環境下測試 OK 之後，開始進入真正後端，我們建立正式 Supabase 專案。 第六階段：Supabase Production Database 建設 這一步代表網站從：「看起來像有後端」進入：真正有 Production Database。 第七階段：RLS 資料安全邊界 接著不是馬上 CRUD，而是先建立：Row Level Security。 我們定義：一般訪客能讀什麼。匿名使用者可以寫什麼。Admin 可以寫什麼。 因為安全不是靠「畫面上沒有按鈕」。 真正的安全是：即使有人繞過前端直接打 Supabase，也會被 RLS 擋住。 第八階段：Supabase Storage 圖片系統 房地產網站沒有圖片管理是不成立的。 因此建立：property-images，Storage bucket。 這讓：房源資料與實際媒體資產，正式連接起來。 第九階段：Vercel Project / Preview 建設 這一個階段細節非常多，有興趣自行架站的看倌，可以私訊交流。 第十階段：Authenticated Preview 真實驗收 這時 Auth 才真正從：「程式理論上可行」 變成：正式 HTTPS Deployment 實測 PASS。 第十一階段：Production Readiness Final Gate 我們沒有直接上 Production。又做了一次 Final Gate。 結果： Hard Production Blockers = NONE 第十二階段：正式網址決策 我選擇：Vercel 免費 Production Domain。 先不買 Domain。不改外部 DNS。 第十三階段：Production 人工驗收 到這裡，完成了 0 成本建置個人的房地產官網。 網站上線，經過了幾天的測試與細節打磨之後，支出了第一筆費用。 購買了 0932518777.com 這個網域，也就是現在看到的這一個網站。