❤️ 🍰 🌹 🎬 🚴♀️ 🏋️♀️ 💻 🚀 💜
這裡記錄了我的學習和開發筆記，歡迎交流 (*´∀`)~♥
© 2025. All rights reserved.
Next.js 是一個支援伺服器端渲染 (SSR) 的框架。在實作中通常採用混合方式—應用程式的某些部分依賴於 SSR 傳遞資料，而其他部分則使用客戶端渲染 (CSR)。然而，目前針對 `next-auth` 的端到端 (E2E) 測試設定僅涵蓋 CSR 的情境。本文目的為試圖擴展測試的範圍，使其也能支援 SSR，同時具備根據不同條件動態配置的彈性。為了實現這一目標，SSR 和 CSR 都必須能支援模擬身分驗證，否則在測試期間將不得不完全忽略身分驗證。
Next.js End-to-End Testing SSR CSR react.js
當初會想到寮國玩只是因為朋友一句話「到寮國玩看起來很酷」當晚就買了機票，然後開始規劃行程。
旅遊 生活 亞洲
在微前端的架構之下，為了確保其內包含的應用程式能正常運作，這就需要我們在微前端的架構下進行測試。
Micro Frontends 微前端 End-to-End Testing 端對端測試 Playwright
提交 PR 前需要更新 feature branch 的 base branch，這時候就可以使用 `rebase --onto` 來無痛更新分支，直接將 feature branch 的 commit 接到 main branch 之後。
git git rebase git merge git cherry-pick GitHub
這是我在 2024 年最想聊的一些事。
年度回顧 前端測試指南：策略與實踐 Frontend Testing Guide Strategies and Practices WebConf Taiwan 投資
如何撰寫具彈性的測試程式 | 2024 WebConf Taiwan
front end testing visual testing WebConf Taiwan AI ChatGPT
這篇文章會分享 Google 制定的 Web Vitals 效能指標與使用者體驗的關係與實際應用、如何在專案中利用模擬與實地的方式測量與監控，以及如何優化專案以提升效能與使用者體驗。
載入效能 效能調校 Web Vitals 效能監控 Lighthouse