[分享] 我用 Next.js 16 自幹了一個台股平台

[as199629 (as199629)]

大家好，我是 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

PWA模式首頁
https://assets.stockintelli.com/i/stockintelli-pwa.png

上鏈組合
https://assets.stockintelli.com/i/onchain-portfolio-proof.png

區塊鏈憑證
https://assets.stockintelli.com/i/sepolia-verification-detail.png

金融數據複雜度極高，小弟一人開發難免有漏失，若各位大神發現報價異常、UIUX 難操
作或 初心者Bug，懇請指教，我會盡速修復，感謝大家！

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 101.14.6.13 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1768535014.A.3B1.html
推 abc21086999: 給推
推 ILoveAMD: 強 不過硬要用區塊鍊的意義是?
推 joojooman: 嗯 vibe coding看得出來
→ cocoaswifty: AI 味太重 UI至少挑一下吧
噓 kusokiller: 最討厭以為上鏈可以證明真實性的
推 Romulus: AI味重是會怎樣嗎…………
推 SukaBlyat: 看起來可以繼續發展下去變成金融資訊服務？
→ SukaBlyat: 我自己就有實作技術分析的indicator供自己參考買賣時間
→ Zepho: gemini做的 就是這個味兒
推 hagel: 敢作就給推，不過確實有些許操作問題，已發站內信。
推 gooder: 厲害
推 guanting886: 雖然說詐騙對帳單對一下上市櫃買賣日報表就見光死了
→ guanting886: ，不過看起來原Po應該是要練功
→ guanting886: 有Ai輔助蠻適合做MVP的 加油 我覺得兜起來蠻好的