03
工作室官網與訂單後台
你正在看的這個網站。客戶從網站送出詢價，資料直接存進資料庫，我們在後台追蹤每一張單從詢價到交付的進度。
- 對象
- TechStarterWeb Consulting（本站）
- 類型
- 工作室官網＋詢價管理後台
- 使用技術
- Astro、Cloudflare Workers、D1、Access、OpenCC
- 客戶填表繁體、簡體、英文三種版本
- 檢查與防垃圾伺服器檢查欄位、擋掉機器人
- 存進資料庫每一筆詢價都留下來，不會漏單
- 後台處理只有指定的 Email 能登入
- 追蹤進度詢價 → 報價 → 簽約 → 製作 → 交付
後台截圖使用範例資料。
技術重點
- 三種語言繁體是原稿，簡體版在建置時用 OpenCC 自動轉換，英文版另外撰寫；第一次來的訪客會依瀏覽器語言自動導向。
- 詢價直接進資料庫表單送出後，伺服器先檢查欄位、擋掉機器人，再存進 Cloudflare D1 資料庫，不會淹沒在信箱裡。
- 訂單後台依狀態篩選、搜尋，寫內部備註，每一次狀態變更都留下紀錄。
- 內建流量統計後台直接看每日造訪、熱門頁面、訪客從哪裡來和詢價轉換率；不用 cookie，也不存 IP。
- 後台登入保護用 Cloudflare Access 限定指定的 Email 才能登入，伺服器再驗證一次登入憑證。
- 各地習慣的聯絡方式WhatsApp、微信、LINE、小紅書都能選；簡體版預設微信，英文版預設 WhatsApp。
- 推上 GitHub 就自動上線內容改好推上 GitHub，Cloudflare 會自動建置並更新網站。