[分享] 我用 Next.js 16 自幹了一個台股平台
大家好,我是 Eric,即將 年滿30 歲且只會寫vue的 Web 仔。
這一年在版上看到「金融業系統老舊」、「開發友善時光網頁」、「會去開發系統盈利嗎
」,覺得大神們都超強,並且思考了一下我能夠做到什麼。
隨著台股以站上三萬點並有感於台灣多數看盤軟體介面老舊,且社群平台充斥難以驗證的
詐騙對帳單,半年前我決定挑戰使用沒接觸的react並打造一個現代化的台股系統 ——
股市智投。
由於目前是一人開發且架設在資源極其有限的免費環境,但為了確保即時數據的流暢度,
我在架構上做了不少嘗試:
技術棧與架構亮點:
Next.js 16 & SWR:全面使用 SWR 達成背景更新及樂觀更新,搭配 Next的串流渲染,確
保在低規格硬體下依然能維持 UI 反應流暢。
Passkeys 通行密鑰:捨棄傳統密碼,導入 WebAuthn 協定。支援指紋/FaceID 登入,兼
顧安全性與秒級登入體驗。
PWA 跨平台支援:無需下載 App,透過瀏覽器即可「加入主畫面」,提供原生級別的流暢
度與離線快取能力及通知功能。(ps.這三天才突然想到要做,請鞭小力一點
2+1層快取防禦:針對 AWS 免費 EC2/RDS 環境,實作了防快取穿透、擊穿與頻率限制,
確保高併發時系統的穩定性。(redis以實作尚未啟用)
特色功能:
AI 摘要:整合 LLM 對股市動向進行語意化總結,快速掌握市場情緒(驗證中)。
上鏈組合(區塊鏈對帳單):利用區塊鏈不可逆特性,建立可驗證的真實投資績效紀錄。
目前已知挑戰:
資源限額:由於還在 Beta 階段,高併發時系統會啟動降速保護。
維護與 CI/CD:後端目前仍為手動部署,更新期間可能會有短暫中斷,請見諒。
連結:https://stockintelli.com
驗證碼:PTT-888 (現階段不希望爬蟲爬到且總量管制中)
問題回報:https://stockintelli.com/feedback
202506月~肝指數圖
https://assets.stockintelli.com/i/eric-liver-status-2025.png

避免有人認為是釣魚網站,附上驗證後的截圖
桌機版首頁
https://assets.stockintelli.com/i/stockintelli-desktop.png




金融數據複雜度極高,小弟一人開發難免有漏失,若各位大神發現報價異常、UIUX 難操
作或 初心者Bug,懇請指教,我會盡速修復,感謝大家!
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 101.14.6.13 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1768535014.A.3B1.html
推
01/16 12:24,
7小時前
, 1F
01/16 12:24, 1F
推
01/16 12:28,
6小時前
, 2F
01/16 12:28, 2F
推
01/16 12:36,
6小時前
, 3F
01/16 12:36, 3F
→
01/16 13:29,
5小時前
, 4F
01/16 13:29, 4F
噓
01/16 14:32,
4小時前
, 5F
01/16 14:32, 5F
推
01/16 14:50,
4小時前
, 6F
01/16 14:50, 6F
Soft_Job 近期熱門文章
PTT職涯區 即時熱門文章