Spireflow 是一個免費且開源的電子商務分析儀表板模板，專為開發者、設計師和產品經理打造，提供一套完整的前後端解決方案。無論是用於快速建立管理後台、展示數據視覺化，或作為開發練習的範本，Spireflow 都是理想的選擇。

技術架構與特色

Spireflow 採用現代化的技術堆疊，結合了前端與後端的最佳實踐：

  • 前端技術：使用 Next.js 15、React 19、TypeScript 和 Tailwind CSS，提供快速且響應式的使用者介面。

  • 狀態管理與資料處理：整合 Zustand 進行狀態管理，並透過 Apollo Client 處理 GraphQL 查詢。

  • 資料視覺化：內建 14 種圖表元件，使用 Recharts 和 Tremor.so 呈現銷售、流量、顧客等關鍵指標。

  • 認證與國際化：支援 Clerk 進行使用者認證，並提供英文與波蘭文的國際化介面。

  • 主題與樣式：內建 4 種主題風格，使用 next-themes 和 tw-colors 進行主題切換。

功能亮點

Spireflow 提供多樣化的功能，滿足電子商務管理的需求：

  • 儀表板總覽：展示銷售、利潤、流量和顧客數據的即時統計。

  • 地區與國家分析：透過地圖視覺化呈現各地區的銷售表現。

  • 產品與顧客管理：提供產品庫存、顧客資料的查詢與管理介面。

  • 日曆與活動管理：整合 Fullcalendar.io，方便排程與事件管理。

  • CSV 匯出與報表生成：支援資料的 CSV 匯出，方便進行報表分析。