萊嚼 RightChew｜寵物食品品牌展示

joyful-cart-core 是「萊嚼 RightChew」的犬貓食品品牌展示與購物體驗前端。網站以低溫凍乾、慢烘工藝與家庭共餐的品牌故事為主軸，提供首頁、品牌故事、商品列表、商品詳情、品牌篩選與購物袋互動。

目前功能

區塊	說明
品牌首頁	呈現萊嚼 RightChew 的品牌故事、主視覺與商品入口。
商品列表	瀏覽犬貓凍乾點心、烘烤肉乾與保健配方，並可進行品牌／分類篩選。
商品詳情	依商品 slug 顯示商品資訊、規格、描述與購物袋操作。
購物袋	以瀏覽器端狀態管理品項與數量，供展示購物流程。
Sitemap 與 SEO	路由內含網站地圖及頁面 metadata，便於後續接入正式部署。

商品資料集中於 src/lib/products.ts；更新商品時應同步確認 slug、圖片資源、列表頁、詳情頁與 sitemap。

技術棧

• React 19
• TypeScript
• TanStack Router／TanStack Start
• Vite
• Tailwind CSS 4
• Radix UI 與 lucide-react
• Bun lockfile（bun.lock）

本機開發

bun install
bun run dev

常用指令如下：

bun run build       # 建立 production bundle
bun run preview     # 預覽建置結果
bun run lint        # 執行 ESLint
bun run format      # 以 Prettier 格式化檔案

若使用 npm 或 pnpm，請先確認對應 lockfile 與團隊 CI 設定，不要在未評估的情況下重新產生相依套件鎖定檔。

專案結構

joyful-cart-core/
├── src/
│   ├── components/site-shell.tsx  # 共用導覽與頁尾
│   ├── lib/products.ts             # 商品資料與查詢函式
│   ├── lib/cart.tsx                # 前端購物袋狀態
│   └── routes/                     # 首頁、品牌故事、商品與 sitemap
├── public/                         # 公開資源
├── package.json
├── bun.lock
└── vite.config.ts

專案狀態

repository 的 GitHub 描述曾標示為 Lovable 建置版本；本 README 則以目前 main 分支仍存在的程式碼為準。此專案目前是前端展示與購物袋互動，沒有在 repository 中看到可直接使用的付款、訂單、庫存、會員或結帳後端。因此，除非另行串接電商服務，否則不能把目前版本視為已完成交易流程的正式商店。

部署與發布前檢查

部署方式需依實際平台設定 TanStack Start 的建置與啟動流程。發布前請確認根路徑與深層路由可正常載入、圖片與 favicon 不會失效、sitemap 內容正確，以及商品頁在桌面與行動尺寸均可使用。若採用 Netlify 或其他平台，請將 build／start 指令、Node／Bun 版本與環境變數寫入平台設定並記錄於團隊文件。

內容與合規提醒

寵物食品與保健相關文案應以實際標示、檢驗資料及適用法規為準，避免將品牌敘事寫成醫療或治療承諾。正式發布前請由產品與法規負責人審閱商品名稱、成分、食用方式、價格與所有健康相關表述。repository 目前未附獨立 LICENSE，程式碼、品牌名稱、圖片與其他素材的重用請先取得權利人授權。