回到作品

即時影音資訊情報

StreamPulse

一站式的串流指揮中心:彙整各地的娛樂新聞、追蹤全球影視上架資訊,並為多個國家和地區的使用者整理個人化片單。

以 Vite 和 React 打造的單頁應用程式,後端使用 Vercel serverless functions,並透過 Drizzle ORM 連接 Neon PostgreSQL 資料庫。核心引擎是由 Vercel Crons 定時觸發的多地區 RSS 擷取流程。為了控制營運成本、管住 LLM token 花費,新進文章會先依標題和網址嚴格去除重複,再交給 OpenRouter 的結構化 AI 引擎分類,並在 serverless 函式有限的執行時間內安全完成。

  • 即時資料
  • 內容彙整
  • Gemini API
  • AI 加速交付

請在表單中提供專案範圍與細節,方便我們的團隊事先準備。

https://streampulse.semsotai.ca/dashboard
StreamPulse 控制台:瀏覽新上架內容、篩選條件與影音格狀列表

系統架構與工程亮點

自動化 AI 內容擷取

每天由 Vercel Crons 掃描美國、香港、台灣和印度的多地區 RSS 來源。新進文章會先做重複雜湊比對再花費 token,接著由 OpenRouter LLM 流程在 serverless 時間限制內完成摘要與分類。

強化的邊緣端穩定性

透過 sessionStorage 保存驗證 token,即使在 React 18 Strict Mode 下重新掛載,登入狀態也能保持穩定。跨來源圖片的備援機制,讓遠端 CDN 出問題時,行動版 Safari 和 Chrome 上的海報格狀列表依然完整。

雲端原生技術架構

以 Vite + React SPA 搭配 Tailwind CSS,部署在 Vercel Edge Serverless Functions 上,並透過 Drizzle ORM 使用 Neon Serverless PostgreSQL,提供低延遲、依地區最佳化的資料存取。