鋒兄 AI Supabase

基於 Nuxt 4 與 Supabase 的個人資訊管理系統，整合訂閱、食品、筆記、媒體、文件、銀行、工具與推播提醒。

線上示範：fengbroaisupabase.netlify.app

功能特色

• 響應式介面：桌面左側選單、手機滑出式側邊欄
• 多資料模組：訂閱、試用／首購、額度、重灌軟體、食品、筆記、常用帳號、圖片、影片、音樂、文件、播客、銀行、例行事務
• Supabase 後端：PostgreSQL 資料表 + Storage 檔案
• ZIP 匯入匯出：圖片／音樂／影片／播客／文件／筆記／食品／例行可匯出 JSON（或 CSV）並一併打包媒體檔；匯入時自動回傳 Storage
• 鋒兄工具：BigGo 比價、手動價錢紀錄、手機通路比價、YouTube、金融報價、鋒兄新聞、圖片語音成片、圖片格式轉換（參考 PNGJPEGConverter）、影片合併（參考 VideoMerge：自訂音軌、語音稿字幕、Whisper 依音軌辨識字幕）、YT／B站轉 MP3／MP4（參考 YoutubeBilibiliMP4MP3Converter，需本機 yt-dlp）
• PWA / Web Push：可安裝、訂閱到期背景推播（需設定 VAPID）
• Email 提醒：可選 Resend 到期通知

技術棧

層級	技術
前端	Nuxt 4、Vue 3、TypeScript
後端	Supabase（PostgreSQL + Storage）
部署	Netlify（含 Functions / Scheduled Functions）
媒體	Supabase Storage、Netlify Blobs（部分音樂代理）

快速開始

1. 安裝依賴

npm install

2. 環境變數

cp .env.example .env

至少填入：

SUPABASE_URL=你的_supabase_項目_url
SUPABASE_ANON_KEY=你的_supabase_匿名_key
SUPABASE_BUCKET=uploads
# Netlify 建議同步設定（runtime 覆寫 public config）
NUXT_PUBLIC_SUPABASE_BUCKET=uploads

選用（推播 / Email / Blobs）：

SUPABASE_SERVICE_ROLE_KEY=...
NUXT_PUBLIC_VAPID_PUBLIC_KEY=...
VAPID_PRIVATE_KEY=...
VAPID_EMAIL=mailto:[email protected]
RESEND_API_KEY=...
NETLIFY_SITE_ID=...
NETLIFY_AUTH_TOKEN=...

Storage bucket 解析順序：設定頁明確的 bucket 欄位 → Netlify / 環境變數 SUPABASE_BUCKET（或 NUXT_PUBLIC_SUPABASE_BUCKET） → 帳號友善名稱（舊資料）→ 預設 uploads。

3. 資料庫

在 Supabase SQL Editor 依需求執行：

• setup-all-tables.sql（產品資料表；新帳號也可在 鋒兄設定 複製各表 SQL）
• supabase-push-table.sql（Web Push 訂閱表 push_subscriptions）
• landtop-history-setup.sql（手機比價歷史快照表 landtop_history，供每週排程與跨裝置歷史使用）
• 或各模組 *-setup.sql / simple-subscription-setup.sql（含 quota-setup.sql、udemy-setup.sql）

產品表：article、bank、commonaccount、commondocument、food、image、music、podcast、quota、reinstall、routine、subscription、trialpurchase、udemy、video。設定頁產生的 SQL 使用 UUID 主鍵；舊腳本可能是 BIGSERIAL。

鋒兄工具的個人清單（手動比價商品、鋒兄tube 頻道）走共用表 toollistsync；鋒兄金融的全部標的（含原本寫死的 34 檔預設標的，由 financeinstrument-setup.sql 遷移）走獨立表 financeinstrument；手機比價歷史則走專屬的 landtop_history，這些表都可在 鋒兄設定 建立。

並建立 public Storage bucket（預設 uploads）。

4. 開發伺服器

npm run dev

開啟 http://localhost:3000。

主要頁面

頁面	說明
鋒兄首頁 / 儀表	入口與資料摘要、Storage 用量
訂閱 / 食品 / 額度	CRUD、到期提醒
筆記 / 常用 / 文件	分類、附件、ZIP
圖片 / 影片 / 音樂 / 播客	媒體管理與播放
銀行	帳戶、批次存款調整、交易流程
工具	比價、手動紀錄、手機比價、Tube、金融、新聞、成片、轉檔、合併
設定 / 關於	連線、資料表、Storage 掃描、版本

部署（Netlify）

1. 連接 GitHub 倉庫 goldshoot0720/fengbroaisupabase
2. Build command：npm run build（見 netlify.toml）
3. 設定與 .env.example 相同的環境變數
4. 推播定時任務：send-push-cron 已排程每日執行（需 VAPID + SERVICE_ROLE_KEY）
5. 手機比價歷史定時任務：landtop-history-cron 已排程每週一執行，重新查詢曾經搜尋過的型號並寫入 landtop_history（需 SUPABASE_SERVICE_ROLE_KEY）

npm run build
# 或
netlify deploy --prod

常用指令

npm run dev
npm run build
npm run generate
npm run generate-vapid
npm run check-blobs

授權

MIT License