用微軟 playwright 輕易搭建 End to End Testing 自動化測試環境，保護公司的核心商業網站，並整合 Teams 通知及外部觸發![Mark Ku]()
解決問題 我目前任職流量不小的 B2C 電子商務公司，為避免不小心將結帳畫面改壞了，而沒被發現，而我著手研究 UI TEST，用於保護我們的結帳流程，之前就有用 playwright 來做 SEO…
January 08, 2023
1 min
Frontend 29
NEXTJS 13 昇級筆記![Mark Ku]()
NEXTJS 13 昇級筆記 前言 下午將公司專案從 NEXT 12 昇到 NEXT 13，NEXT 版更真的很快，在NEXT 13 替大家帶來了 採用新的建置網頁的技術 Turbopack…
December 22, 2022
1 min
Custom NextJS image loader with cloudflare![Mark Ku]()
Custom NextJS image loader with cloudflare Problem Our NextJS Application are occasionally…
November 11, 2022
1 min
快速建立 Next js 開發環境筆記 ( ESlint + StyleLint + Prettier )![Mark Ku]()
目的 ESlint + StyleLint + Prettier 己經現今前端開發協作相當重要的工具，他可以讓團隊有一致的程式碼風格及規範，並透過 Vscode…
July 29, 2022
1 min
解決 Nextjs image loader 造成，docker image 肥大的問題![Mark Ku]()
問題 透過 next/image 元件的載入圖片，都會透過 next server 去調整圖片大小，圖片路徑會渲染成: 對系統的影響 next 伺服器渲染的效能的消耗 docker…
July 26, 2022
1 min
React 學習筆記 - 路由 ( Router ) - Part's 5![Mark Ku]()
路由的原理 路由的原理，依據 url 請求，動態去載入相對應的元件。 安裝 react router ( 最常見 ) 使用方法 React 路由用法主要是由這三個所組成 BroserRouter…
July 23, 2022
1 min
Page 1 of 5