iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

30 天製作工作室 SaaS 產品 (前端篇) 系列

接案四年裡幫客戶打造了不同語言不同框架的產品,是時候來打造屬於工作室的SaaS產品,藉由鐵人賽來完成工作室的SaaS產品的雛形。

參賽天數 25 天 | 共 25 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11: 30天打造SaaS產品前端篇-多租戶管理介面與租戶切換功能

前情提要 在AWS和後端挑戰中,我們建立了多租戶資料庫架構和 Auth Service,今天我們要從前端角度實作多租戶管理介面。 一個企業級 SaaS 前端需求...

2025-09-25 ‧ 由 Moscle.dev 分享
DAY 12

Day 12:30天打造SaaS產品前端篇-健身房會員管理介面實作

前情提要 經過 Day 11 的多租戶管理介面建立,我們已經有了租戶切換與管理的基礎架構。今天我們要實作會員管理頁面,這是健身房日常營運中最頻繁使用的功能模組。...

2025-09-26 ‧ 由 Moscle.dev 分享
DAY 13

Day 13:30天打造SaaS產品前端篇-企業級包管理 + 多租戶架構前端功能

前情提要 經過 Day 12 的會員管理介面實作,我們已經建立了一套完整的 CRUD 操作系統。今天我們將進入企業級開發工作流程,建立私有 NPM reposi...

2025-09-27 ‧ 由 Moscle.dev 分享
DAY 14

Day 14:30天打造SaaS產品前端篇-課程管理系統深度實作與視覺化排課工具

前情提要 經過 Day 13 的企業級包管理和多租戶架構建立,我們的開發工作流程已經滿完善了。今天我們要深入實作課程管理系統的前端介面,這不只是簡單的 CRUD...

2025-09-28 ‧ 由 Moscle.dev 分享
DAY 15

Day 15:30天打造SaaS產品前端篇-課程模板系統與批次操作實作

前情提要 經過 Day 14 的排課功能畫面實作,我們已經有了基本的課程管理功能。但在實際的健身房營運中,管理者經常需要: 快速建立相似的課程(例如:每週固定...

2025-09-29 ‧ 由 Moscle.dev 分享
DAY 16

Day 16: 30天打造SaaS產品前端篇-即時協作課程排程系統與進階拖拽互動實作

前情提要 在 Day 15 我們建構了完整的課程模板系統,今天我們將進一步實作即時協作功能和進階的拖拽互動體驗。這個系統將支援多用戶同時編輯課程排程、即時衝突檢...

2025-09-30 ‧ 由 Moscle.dev 分享
DAY 17

Day 17: 30天打造SaaS產品前端篇-微服務架構升級與 WebSocket 通信最佳化實作

前情提要 在 Day 16 我們實作了即時協作系統,今天我們將進行重要的架構升級:將 WebSocket 協作引擎獨立為專門的微服務。這個架構調整將帶來更好的可...

2025-10-01 ‧ 由 Moscle.dev 分享
DAY 18

Day 18: 30天打造SaaS產品前端篇-前端效能優化方法

前情提要 經過 Day 17 的微服務架構建置,我們的系統具備了良好的擴展性與維護性。今天我們要轉向前端效能優化,從打包策略、資源載入、到渲染效能,全面提升使用...

2025-10-02 ‧ 由 Moscle.dev 分享
DAY 19

Day 19: 30天打造SaaS產品前端篇-前端安全防護實作

前情提要 在 Day 18 我們完成了前端效能優化,今天我們要建立前端安全防護體系。對於健身房 SaaS 系統,安全性至關重要 - 從會員個資保護到金流交易,我...

2025-10-03 ‧ 由 Moscle.dev 分享
DAY 20

Day 20: 30天打造SaaS產品前端篇 - 第20天React架構盤點與實踐驗證

前情提要 經過前面 19 天的開發,我們已經建立了一個完整的現代化前端 SaaS 應用。今天是 30 天挑戰的 2/3 里程碑,讓我們來看這 20 天打造的 R...

2025-10-04 ‧ 由 Moscle.dev 分享