作品集・電商網站
HEMLA 家隅 — 電商網站作品
自主開發的技術能力展示・非真實客戶案件
這個作品在展示什麼
電商是接案詢問度最高的網站類型之一，也是最能一次驗證前台體驗、購物邏輯與後端 API 設計能力的題目。這個作品從零打造一個完整可操作的購物網站， 示範從瀏覽到結帳的每一步都是真的可以走完的。
完整購物流程
- 策展式首頁——當季主打、分類導覽、品牌故事
- 商品列表與分類篩選
- 商品詳情頁與加入購物車
- 購物車（含免運進度提示、數量調整）
- 結帳流程與訂單完成頁
技術重點：前台用 Next.js（App Router）打造，購物車 API 另外用 Hono 獨立實作， 示範「前後端可以分開設計、也可以整合在同一個專案」的彈性。
技術與架構
Next.js 15 + TypeScript + Tailwind CSS 打造前台；Hono 提供商品／結帳 API； Zustand 管理購物車狀態並持久化。商品圖片與品牌識別皆為原創／授權素材， 非真實商標。