繁體中文
jason's blog關於網頁標準、瀏覽器與前端開發的觀察筆記

指南|AI 八字決策指引

輸入目前的困惑與出生資料,由程式排出八字命盤,再透過 AI 串流提供感情、工作、財運與人生方向的解讀。

指南的問題輸入表單與三步驟解讀流程
網站實際畫面(繁體中文版)

實作案例讓 AI 解讀邊生成、邊顯示

要解決的問題
一段完整解讀需要等待生成,使用者也需要能回頭查看自己的紀錄。
實作方式
以 Gemini 串流回傳解讀,搭配 Supabase 保存會員紀錄;資料存取使用 RLS,請求加入限流與每日額度。
完成的功能
使用者可以逐步讀取回應,登入後可保存、回顧及刪除自己的解讀紀錄。

主要功能

技術重點

Next.js · Gemini · Supabase · Upstash Redis · next-intl

開啟網站