技術架構
採用現代化全端技術打造，兼顧效能與開發體驗
網頁部署
Netlify
全球 CDN 加速，自動化 CI/CD 部署流程，提供即時預覽與自訂網域
Hosting
前端框架
Nuxt (基於 Vue)
支援 SSR/SSG 的 Vue 全端框架，具備自動路由、元件自動匯入與模組化架構
Frontend
後端服務
Supabase (BaaS)
開源 Firebase 替代方案，內建 PostgreSQL 資料庫、即時訂閱與 Row Level Security
Backend
多媒體儲存
Supabase Storage
大型檔案物件儲存服務，支援圖片、影片、音樂等多媒體檔案的上傳與管理
Storage
功能模組
涵蓋日常管理所需的各項功能
儀表板
總覽所有數據統計
→
訂閱管理
追蹤訂閱費用與到期日
→
食物管理
記錄飲食資訊
→
影片庫
管理影片收藏
→
圖片庫
瀏覽與管理圖片
→
音樂庫
音樂播放與管理
→
銀行統計
財務數據管理
→
鋒兄筆記
記錄筆記與想法
→
系統架構圖
前後端分離，雲端部署的現代化架構
使用者端
瀏覽器
HTTPS
部署平台
Netlify CDN
Netlify Functions (SSR)
API
後端服務
Supabase (PostgreSQL)
Supabase Storage