技術 Day 20: 30天打造SaaS產品後端篇 - 第20天Fastify架構盤點與後端驗證

前情提要 經過前面 19 天的開發，我們已經建立了一個完整的企業級後端 SaaS 服務。今天是 30 天挑戰的 2/3 里程碑，讓我們來看點這 20 天打造的...

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

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

技術 Day 14｜API 驗證救星：用 Zod 驗證來檢查

在開發後端 API 的時候，你一定遇過這些狀況： 前端傳來的資料少了一個欄位。 輸入的字串太長，直接讓資料庫報錯。 原本應該是 boolean，結果卻收到 &...

技術 Day 12：30天打造SaaS產品軟體開發篇-健身房會員服務與查詢系統

前情提要 經過 Day 11 的認證服務建立，我們已經有了完整的多租戶身份認證系統。今天我們要實作會員管理服務 (Member Service)，這是健身房 S...

技術 Day 10: 30天打造SaaS產品後端篇-Monorepo 架構與開發專案總結

前情提要 經過 9 天的後端開發設計，我們建立了一個完整的 Monorepo + TypeScript 全端開發專案。今天讓我們總結這個架構的設計思路、技術選擇...

技術 Day 8: 30天打造SaaS產品前端篇-React Hook Form 與進階表單處理

前情提要 昨天我們建立了 React Query 資料狀態管理，學會了如何優化地處理 API 請求、快取和同步。今天我們要轉向前端開發的另一個重要議題：表單處理...

技術 [Day-13] 按圖施工-後端篇：資料庫建置

終於來到後端服務的重頭戲，目前會先以本機 DB 來開發為主，等有一定的完成度再接上雲端的 MongoDB Atlas。 Docker 容器 利用 Docker...

技術 Day 07 - 結合 Zod 與 React Hook Form 實現簡潔的表單管理

為什麼需要使用 React Hook Form？ 在沒有使用的表單管理套件的情況下，需要定義許多狀態來處理表單邏輯和各種錯誤狀況。而使用像 React Hook...

技術 Day 06 - TypeScript 語法技巧與 Zod 簡介

其他 TypeScript 語法技巧 以下是我有時會忘記，但實際上簡單且實用的小技巧。 Function Overloads 可以重複定義相同的函數，根據不同的...

技術 營養師不開菜單的第十六天 - TypeScript 不夠？使用 Zod 做型別驗證

在上篇文章中，我已稍微提及了本次專案所使用的驗證工具——Zod。Zod 是專為 TypeScript 設計的資料驗證工具，就像人體的免疫系統，確保資料結構在...