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