Fastlaw 線上法律諮詢平台

【專案名稱】
FastLaw 線上法律諮詢平台

【專案背景】
一個提供即時法律問答的線上平台，結合 AI 與律師優化回覆內容，協助使用者快速獲得法律建議。

【我的角色】
負責前端架構設計與開發，包含頁面渲染策略（SSR / SSG）、元件設計與 API 串接優化。

【技術選型】
- Next.js：用於實現 SSR（問答頁）與 SSG（文章頁），兼顧 SEO 與效能
- TypeScript：提升程式碼可維護性與型別安全
- Tailwind CSS：快速建立一致性的 UI
- AWS Amplify + DynamoDB：部署與資料儲存
- AI API（Gemini）：用於法律問答回覆生成

【技術挑戰與解法】
原系統採用 RAG 流程處理 AI 問答，導致回應延遲較高，影響使用者體驗。

我重新評估資料處理流程，改為直接串接 Gemini API，簡化中間處理層，降低整體延遲。同時調整前端 API 串接邏輯，使系統能更彈性支援不同 AI 回應來源。

此外，在頁面渲染策略上，將問答頁改為 SSR 確保即時性，文章頁採用 SSG 降低不必要請求，進一步優化整體效能與資源使用。

【成果】
- API 回應時間降低約 90%，大幅提升即時互動體驗
- 透過 SSG 優化，減少約 50% request bandwidth
- 改善整體頁面載入與操作流暢度

【Demo 】
https://fastlaw.tw/