All Posts

Published on

2025年12月28日

前端廣告系統設計：使用 Event-Driven Architecture 實現廣告位互斥管理

architecture design-pattern event-driven zustand advertising

探討如何使用事件驅動架構搭配 Zustand 狀態管理，解決多個廣告位之間的顯示協調問題。
Published on

2025年11月16日

Next.js IntersectionObserver 導致 ALB 健康檢查失敗問題

next.js IntersectionObserver ALB SSR useEffect

記錄一次因為在 Next.js Server 端使用 IntersectionObserver 導致 Load Balancer 健康檢查失敗的除錯經驗
Published on

2025年5月25日

將公司專案轉換成 Monorepo 遇到的那些事 - 第十篇未來的 Monorepo：Module Federation 微前端的實務落地

monorepo nx 微前端 Module-Federation 企業架構實務導向前端工程架構決策

以真實企業級 Monorepo 專案為例，深入探討 Module Federation 微前端架構的實際實現，揭示理想化微前端架構與實務選擇的本質差異，展示為什麼 Module Federation 是企業級微前端的最佳實踐。
Published on

2025年5月14日

將公司專案轉換成 Monorepo 遇到的那些事 - 第九篇如何管理 Monorepo 中的多個團隊合作

monorepo nx 團隊合作程式碼所有權 CODEOWNERS 程式碼審查分支策略衝突管理架構治理前端工程技術實務

深入探討在 Monorepo 環境中如何有效管理多團隊合作，包含程式碼所有權分配、審查流程優化、分支策略調整及衝突解決機制，並分享實際案例與最佳實踐，幫助團隊在共享程式碼庫中高效合作。
Published on

2025年5月3日

將公司專案轉換成 Monorepo 遇到的那些事 - 第八篇解決 Monorepo 中的效能問題

monorepo nx 效能優化遠端快取 Module-Federation Micro-Frontend AWS-S3 建置時間 CI/CD管道增量建置前端工程技術實務

深入探討大型 Monorepo 專案中的效能瓶頸問題，分享我們團隊如何透過自託管遠端快取與 Module Federation 架構提升建置效率，包含從 Nx Cloud 到 S3 快取的演進歷程，以及應對 Nx 未來變更的策略考量。
Published on

2025年4月16日

將公司專案轉換成 Monorepo 遇到的那些事 - 第七篇如何優化 Monorepo 的測試流程

monorepo nx 測試策略單元測試整合測試端到端測試測試自動化增量測試 CI/CD整合快取機制前端工程技術實務

深入探討如何有效管理和優化 Monorepo 中的單元測試、整合測試和端到端測試，並介紹 Nx 提供的測試工具與最佳實務，提升團隊開發效率的完整指南。
Published on

2025年4月3日

將公司專案轉換成 Monorepo 遇到的那些事 - 第六篇如何管理 Monorepo 中的版本控制與發布流程

monorepo nx 版本管理軟體發布 Git-Flow 依賴管理持續交付軟體架構開發流程版本控制前端工程技術實踐

深入解析 Monorepo 環境中的版本管理策略，從版本控制模式、Git Flow 調整到自動化發布流程，提供中小型團隊實踐經驗與最佳解決方案。
Published on

2025年3月28日

將公司專案轉換成 Monorepo 遇到的那些事 - 第五篇解決 Circular Dependency 問題：實戰經驗分享

monorepo nx circular-dependency 循環依賴軟體架構程式碼重構依賴管理開發效率模組化前端架構

深入探討在轉換為 Monorepo 架構時常見的循環依賴問題，分析其成因並提供多種解決方案與實例，幫助開發團隊建立更健康的程式碼結構。
Published on

2025年2月23日

將公司專案轉換成 Monorepo 遇到的那些事 - 第四篇 Nx Cloud：加速 Monorepo CI/CD 流程與開發效率的利器

monorepo nx ci/cd 開發效率分佈式緩存團隊合作效能優化軟體架構雲端服務測試自動化

深入探討 Nx Cloud 如何透過分佈式緩存、可視化執行分析及團隊合作提升 Monorepo 的 CI/CD 流程與開發效率，並比較不同解決方案的優劣。
Published on

2025年1月3日

將公司專案轉換成 Monorepo 遇到的那些事 - 第三篇介紹 Nx Library Type

monorepo nx library-management 軟體架構程式碼管理團隊合作開發效率圖表管理分層架構 vertical-slice-architecture

深入介紹 Nx 提供的 Library 分類方法，探討其優勢、挑戰及實際應用，並解析如何利用 Nx 管理和優化程式碼結構。

No results.