在邏輯與美感之間，
建構高效能元件。

曾在大型既有專案中處理狀態來源混亂、資料流不清楚與元件耦合問題，透過 Custom Hooks、TanStack Query 與 Zustand 職責切分，讓資料取得、快取與 UI 狀態更容易追蹤。

在專案中導入 ESLint、TypeScript 檢查、Vitest 單元測試與 Playwright E2E，把容易靠人工遺漏的流程轉成可重複驗證的檢查。

處理過 metadata、sitemap、revalidate 與圖片最佳化等議題，讓內容型網站在搜尋可見度、載入速度與快取更新之間取得平衡。

實作過 CSP nonce、登入狀態檢查、Route Handler 權限驗證與 DAL 分層，避免敏感邏輯直接暴露在 Client Component。