Nextjs

有獨立後端的內容網站用 Next.js，很多功能根本用不到。但有些行為關不掉，廣告曝光和 PV 的做法也得跟著改。記錄我在一個接手的 App Router 專案上看到的取捨。

一次 4.5 小時、16 波、1,941 筆 500 的線上事故。後端全程健康，但最大的那一組 500 都卡在 9.5 到 10.6 秒，錯誤碼是 UND_ERR_CONNECT_TIMEOUT。記錄從排除後端到本地重現的過程，以及推翻我們第一個假設的那次測試。

把快取整包交給 CDN 很爽，但 auth route 混進去就出事。CDN 命中時會把 Set-Cookie 拿掉，登入就壞。只改 handler 的 header 蓋不過去，要從 middleware matcher 擋。

後端上線後照慣例 purge CDN，結果頁面還是舊的。從一個沒意義的 query string 追到 Next.js 的整頁快取，最後決定把快取全部交給 CDN。理由跟效能無關，是出事的時候有沒有辦法手動清掉。

把部落格從 Next.js 15 App Router + Contentlayer 搬到 Astro 6：34 篇文章、URL 全保留，搬家一天做完，真正卡住我的是 island 邊界和部署平台的四個坑。

一次 3 分鐘的線上事故。爬蟲抓走 search 頁裡的每一個連結，CDN 擋不住、SSR 又把每個 request 變成 4–7 個 API call。記錄整條追查過程，跟三個防禦方向的取捨。

用 Firebase Remote Config 做功能開關的理由、業界其他選擇的取捨，以及實作上 fetch 失敗的 fallback、'use client' 傳染、isolatedModules 的小雷。

在 K8s 混合 amd64/arm64 節點的環境下，Next.js 的 buildId 不一致導致靜態資源 403，記錄排查過程和修復方式

在 K8s 環境部署 Next.js 應用時，因為伺服器時區為 UTC，導致時間判斷邏輯錯誤。本文分享如何使用 date-fns-tz 正確處理時區問題。

記錄一次因為在 Next.js Server 端使用 IntersectionObserver 導致 Load Balancer 健康檢查失敗的除錯經驗