前端工程日記/Next.js
Next.js 15 Server Actions 表單處理完整教學：從基礎到進階實戰（2026）
學會 Next.js 15 Server Actions 表單處理，包含 Zod 驗證、useActionState 狀態管理、useOptimistic 樂觀更新，打造安全高效的表單體驗。
楊靜宜11 分鐘閱讀
Next.js
前端工程日記/Next.js
Next.js Partial Prerendering (PPR) 完整教學：部分預渲染讓 LCP 提升 70%
Next.js PPR 結合靜態預渲染與動態串流，實現頁面瞬間載入。詳解 PPR 原理、Suspense 邊界設計與效能數據。
楊靜宜7 分鐘閱讀
前端工程日記/Next.js
Next.js 16 View Transitions API 實戰：用原生轉場動畫打造絲滑頁面切換體驗
學會 Next.js 16 View Transitions API 頁面轉場動畫，用 React ViewTransition 元件打造絲滑切換體驗。附完整程式碼範例，立即升級你的網站！
楊靜宜7 分鐘閱讀
前端工程日記/Next.js
Next.js Turbopack 完整教學：Rust 驅動的打包工具設定與效能優化指南
學習 Next.js Turbopack 打包工具教學，從 Webpack 遷移到 Rust 驅動的超快打包器，提升開發體驗與建置效能。立即開始！
楊靜宜7 分鐘閱讀
前端工程日記/Next.js
Next.js 16 Turbopack 深度實戰：生產建置加速、檔案快取與效能調校全攻略
Next.js 16 正式預設 Turbopack 作為打包工具，生產建置速度提升高達 5 倍。完整解析檔案系統快取機制、Cache Components 新架構與效能調校實戰。
趙柏翰2026年3月22日8 分鐘閱讀
前端工程日記/Next.js
Next.js 16 Cache Components 完整教學：搭配 use cache 實現即時頁面導航
Next.js 16 推出 Cache Components 新功能，搭配 PPR 和 use cache 指令實現即時頁面導航。本文帶你了解這個全新的快取程式模型。
楊靜宜2026年3月21日12 分鐘閱讀
前端工程日記/Next.js
Next.js App Router 國際化 i18n 多語系完整教學：打造多國語言網站
完整教你用 Next.js App Router 實作國際化 i18n，包含路由設定、翻譯管理、SEO 最佳化，打造專業多語系網站。
楊靜宜2026年3月19日9 分鐘閱讀
前端工程日記/Next.js
Next.js use cache 完全指南：cacheLife 與 cacheTag 快取策略教學，打造秒開網站
深入解析 Next.js 16 的 use cache 指令、cacheLife 時間控制與 cacheTag 按需失效，用實例教你打造秒開的快取策略！
趙柏翰2026年3月18日14 分鐘閱讀
前端工程日記/Next.js
Next.js Server Actions + Zod 表單驗證完整實作：從基礎到進階安全防護
用 Next.js Server Actions 搭配 Zod 打造安全的表單驗證系統，涵蓋 useActionState、錯誤處理、型別安全和安全防護實作。
趙柏翰2026年3月18日13 分鐘閱讀
前端工程日記/Next.js
Next.js Middleware 完整教學：Edge Runtime、認證保護與路由重寫實戰指南
深入學習 Next.js Middleware 的 Edge Runtime 運作原理，實作認證保護、路由重寫與 A/B 測試。
楊靜宜2026年3月18日11 分鐘閱讀
前端工程日記/Next.js
Next.js Server Actions 教學：表單處理最佳實踐完全指南
Next.js Server Actions 在 16.1 版本正式穩定，結合 React 19 的全新 API，讓表單處理變得更簡潔強大。本文帶你從零開始掌握最佳實踐。
趙柏翰2026年3月17日
前端工程日記/Next.js
Next.js App Router 遷移教學：從 Pages Router 無痛升級完整指南
Next.js App Router 遷移完整教學，從 Pages Router 逐步升級到 App Router，解決路由、資料獲取、佈局等所有遷移難題。
楊靜宜2026年3月17日