文章
關於前端、全端與 AI 工程的技術文章，整理實作細節、實測數據與踩過的坑。
關於前端、全端與 AI 工程的技術文章，整理實作細節、實測數據與踩過的坑。
從 RAG 兩階段檢索、cross-encoder 到 TypeSafe 的 Jev，整理 rerank 的原理、限制、90 題實測數據與接入 agent 的方法，並延伸到用 noul 篩檢 prompt injection 的 safe guard。
從 Copilot、Cursor 到 CLI agent，分享如何拆分任務、驗證 AI 產出的程式碼，並在使用 AI 的同時保留工程判斷。
從 Zeabur 環境變數事件理解 .env、部署平台與 Secrets Management 的差異，以及權限、稽核、rotation 和撤銷機制。
完整介紹 Docker Sandboxes 的 microVM 隔離架構，比較 Docker container 與 sandbox 的差異，並實作安裝、Claude Code 啟動與 network policy 設定。
從 tsserver 與 Language Server Protocol（LSP）看編輯器如何提供自動完成、跳轉定義與錯誤診斷，並說明 Configured / Inferred Project 與穩定邊界型別的重要性。
Client Component 無法直接匯入 Server Component。把搜尋等即時狀態寫進 URL search params，讓頁面透過 searchParams 取值再傳給 RSC，並可搭配 nuqs 管理。
比較 JWT（Bearer Token）與 Session Cookie 兩種登入認證：access/refresh token 流程、搭配 Redis 的 Session、即時登出與撤銷，以及 XSS、CSRF 風險與選型建議。
Next.js 專案總是出現 react-hydration-error？解析 Hydration 原理與 SSR、CSR 流程，並提供三種避免 Hydration Error 的實用解法。
React Server Component（RSC）在伺服器渲染元件並串流到瀏覽器、減少 bundle 大小。本文說明 RSC 在 Next.js 中的運作，以及它和 SSR 的關係。
為什麼 AI 聊天應用多選 SSE 而不是 WebSocket？比較兩者在雙向溝通、瀏覽器支援與部署上的差異，並用 Hono、Zustand 與 Vercel AI SDK 實作串流聊天。
用 pgvector 在 PostgreSQL 實作向量搜尋：Embedding 原理、餘弦相似度與歐幾里德距離、IVFFlat 與 HNSW 索引比較，附 Bun/TypeScript 範例。
開發時遇到「CORS 被封鎖」？解析跨來源資源共用（CORS）是什麼、為什麼會出錯，以及如何用後端設定或前端 Proxy 解決，附 Hono、Vite、Next.js 範例。
我花了將近一年重構陪伴我三年的個人網站。從 2021 年用 Next.js 與 TypeScript 練手開始，這篇整理這次重構選用的技術棧與原因。