Blog

Published on
2024-06-24
Reading time estimation
11 min read
Cursor —— 一個為 AI 而生的編輯器使用心得
AIIDE
探索如何使用 AI 工具來提升開發效率，特別是專為 AI 設計的編輯器 Cursor 及其改進版 Copilot++。本文分享親身體驗，詳述如何從 ChatGPT 到 Cursor，讓 AI 成為開發者的得力助手。
Published on
2023-08-03
Reading time estimation
10 min read
Vercel 靜態圖片檔案快取機制
CI/CD
介紹部署在 Vercel 網站中的靜態圖片如何運用快取機制，透過 HTTP 標頭如 Cache-Control 和 ETag 控制，實現快速加載並優化網站性能。
Published on
2023-07-20
Reading time estimation
10 min read
使用 swagger-typescript-api 打造自動生成 API Endpoint 的小工具
typescriptcodegen
介紹自己打造的一個小工具，能夠輕鬆地從本地或線上讀取 JSON 檔案，並透過 swagger-typescript-api 套件進行 codegen。
Published on
2022-09-13
Reading time estimation
16 min read
使用 Docker 將 Next.js 應用程式放上 Nginx
docker
示範如何撰寫一份 Dockerfile 將本地 React 應用程式 build 好的靜態檔放入 Nginx 執行 Docker。
Published on
2022-08-14
Reading time estimation
12 min read
前端工程師從 1 開始學習 Docker
docker
前端工程師學習 Docker 的隨手筆記內容，感受虛擬化容器技術的好處。
Published on
2022-07-24
Reading time estimation
11 min read
在 Redux ToolKit 中使用 createAsyncThunk 處理非同步請求
reduxtypescript
這是一篇整理官方文件資料的 createAsyncThunk 學習筆記，對於處理 Redux ToolKit 中的非同步場情有很大的幫助。
Published on
2022-05-03
Reading time estimation
10 min read
在 Next.js + typescript 專案中使用 SVGR 打造自己的 SVG 元件庫
nextjstypescript
SVGR 是一個將 svg 檔案轉換成 React component 的套件，引入時可以根據當下需求修改所需的屬性，使用起來十分簡潔，因此將網站用到的 svg 檔案都做成 component 便可集中管理。