iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

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

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

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

Day 21: 30天打造SaaS產品前端篇 - React Testing Library 與元件測試策略

前情提要 在 Day 20 完成前端架構盤點後,我們發現測試覆蓋率還需要提升。今天我們將使用 Vitest + React Testing Library 建立...

2025-10-05 ‧ 由 Moscle.dev 分享
DAY 22

Day 22: 30天打造SaaS產品前端篇-元件測試進階與測試驅動開發 (TDD)

前情提要 在 Day 21 我們建立了 Vitest 和 React Testing Library 的測試環境。今天我們要實作元件測試的進階技巧和測試驅動開發...

2025-10-06 ‧ 由 Moscle.dev 分享
DAY 23

Day 23: 30天打造SaaS產品前端篇-測試覆蓋率報告與效能優化

前情提要 經過 Day 21-22 的測試框架建立與 TDD 實踐,我們已經累積了大量測試。今天我們要實作測試覆蓋率視覺化、測試效能優化以及Pre-commit...

2025-10-07 ‧ 由 Moscle.dev 分享
DAY 24

Day 24: 30天打造SaaS產品前端篇-Landing Page 設計與實作

前情提要 經過 Day 21-23 的測試三部曲,我們已經建立了完整的測試生態系統。今天我們開啟新的篇章:打造一個專業的 Landing Page,作為 Kyo...

2025-10-08 ‧ 由 Moscle.dev 分享
DAY 25

Day 25: 30天打造SaaS產品前端篇-用戶認證系統前端實作

前情提要 經過 Day 24 的 Landing Page 建置,我們已經有了吸引使用者的門面。今天我們要實作用戶認證系統的前端部分,包括登入/註冊表單、Tok...

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