多平台短影音成效追蹤儀表板
整合 Instagram、Facebook、TikTok 三大平台 API 數據，讓自媒體創作者告別手工截圖統計，以數據驅動內容決策。
整合平台數
3 個
IG / FB / TikTok 統一介面查詢
數據同步頻率
每日自動
不需手動截圖或複製貼上
每週節省統計時間
6 hrs
對比人工逐平台記錄成效的工時
Live Interface
Reels Analytics Dashboard
把三大平台的觸及率、互動率、粉絲增長、最佳發文時段整合到同一個視圖，讓創作者花更多時間創作、更少時間統計。
Platforms
IG + FB + TikTok
Stack
Next.js 14 + Prisma
Charts
Recharts
DB
PostgreSQL
這不是作品集截圖頁，而是把履歷敘述拆成可檢查的流程、技術與結果。
Step 01
三大平台 API 串接
對接 Instagram Graph API、Facebook API、TikTok for Developers，定期拉取貼文成效數據，統一格式化後存入資料庫。
Step 02
Prisma + PostgreSQL 數據層
以 Prisma ORM 管理多平台數據 schema，PostgreSQL 儲存歷史成效紀錄，支援長期趨勢分析與跨平台橫向比較。
Step 03
Recharts 互動式圖表
以 Recharts 構建觸及率趨勢、互動率分佈、粉絲增長曲線等核心圖表，支援時間範圍篩選與平台切換。
Step 04
內容洞察與建議
自動計算最佳發文時段、表現最佳內容類型、互動率基準值，讓創作者決策有數據根據而非靠感覺。
Evidence Layer
可以被查核的能力證據
每個履歷點都對應到一組可展示的流程、內容或交付紀錄，讓訪客知道這不是空泛宣稱。
Tech Stack
Next.js 14 + Prisma + PostgreSQL + Recharts
以 Next.js 14 App Router 為前後端框架，Prisma 管理多平台數據 schema，Recharts 渲染成效圖表，完整 full-stack 產品。
Multi-platform
統一 API 抽象層
各平台 API 差異封裝在抽象層後面，前端只看統一格式的成效物件，日後新增平台不需大改前端邏輯。
Client Delivery
部署上線，客戶自行操作
系統部署完成並交付給創作者日常使用，不需要技術背景也能看懂儀表板，自行追蹤各平台成效。
Capability Stack
這個頁面要讓人看懂的能力
短影音創作者最常見的痛點：想知道自己在哪個平台表現最好，卻要分別打開 IG、FB、TikTok 後台截圖、手工貼到 Excel，一週統計一次就花掉半天。這套系統把這件事自動化掉，讓創作者能把時間花在創作而不是統計。
技術挑戰在於三大平台 API 設計差異極大，需要設計一層統一的抽象介面；同時要讓不懂技術的創作者能直接看懂儀表板，做出「我要多發 Reels」或「這個時段發文互動率最高」這類具體決策。
Full-stack 開發
- Next.js 14 App Router
- Prisma ORM
- PostgreSQL
- RESTful API 設計
數據視覺化
- Recharts 互動圖表
- 多平台數據整合
- 趨勢分析
- 跨平台橫向比較
社群 API 整合
- Instagram Graph API
- Facebook API
- TikTok for Developers
- OAuth 認證流程