「當初會開始學 Vue，完全是因為它的語法直覺、上手快，對於剛接觸前端的我來說，真的很友善！」《Vue開發者升級指南-Nuxt3 入門》作者張庭瑀帶著滿滿的熱忱，分享自己的前端開發之路。
真正讓她開始深入研究 Nuxt，是因為接手了一個需要高度搜尋引擎優化（SEO）的專案。她發現，Vue 單頁應用（SPA）雖然在使用者體驗上流暢，但對 SEO 並不友善。於是，她開始尋找解決方案，最終選擇了 Nuxt——一個基於 Vue 的進階框架，專門解決 SEO 問題。
「當時有想過自己手動為 Vue 應用加上 SSR（伺服器端渲染），但深入研究後才發現這件事並不簡單，牽涉到很多細節，像是伺服器端與客戶端的狀態同步、靜態內容渲染，甚至是不同環境的建置需求等。」
Nuxt 讓她豁然開朗，因為它內建SSR、靜態網站生成（SSG）等功能，不僅延續了 Vue 的核心特性，還提供了更強大的開發模式。她說：「Nuxt3 的架構設計很完整，目錄分類也清楚，只要掌握了核心概念，擴充應用就變得很直覺！」
從寫部落格到出書 記錄學習也幫助更多開發者
在學習 Nuxt 的過程中，張庭瑀發現網路上雖然有不少資源，但多數是零散的技術分享，少有系統性的學習指南。因此，她開始在 2022 年於部落格記錄學習筆記，希望讓自己的經驗能幫助到更多人。
到了 2023 年，她參加 iThome 鐵人賽，挑戰以 Nuxt3 打造 SSR 專案。完賽後，深智數位邀請她將內容整理成一本書，這才有了《Vue 開發者升級指南-Nuxt3 入門》的誕生。
「寫書的過程其實比我想像中更具挑戰！」她說，「因為 Nuxt3 還在不斷更新，所以我需要確保內容不會太快過時。寫書的過程中，我又重新檢視自己對 Nuxt3 的理解，甚至修正了一些過去的錯誤。」
這本書的核心目標，是幫助讀者從零開始建立一個完整的 Nuxt3 SSR 專案。她精心設計了學習路線，從安裝與基礎概念開始，一路涵蓋目錄結構、插件與模組的應用、狀態管理、多國語系支援、SEO 設定，最後帶領讀者完成專案部署。
她特別強調：「我希望讀者能透過這本書，建立屬於自己的開發模式，而不只是『學會用 Nuxt』而已。」
技術日新月異，如何保持學習動力？
談到前端技術的快速變化，張庭瑀坦言：「這確實是個挑戰，像 Nuxt 官方就預計今年推出 Nuxt4，可能會有一些結構上的改動。但只要掌握核心概念，未來適應新版本就會容易很多。」
她建議，學習一個新框架時，最重要的不是記住所有 API，而是理解它的設計理念與核心架構。例如：
- Nuxt Module：開發自己的模組，提升專案的擴充性。
- 效能優化：針對 SSR 架構，研究提升應用程式效能的策略。
- Layers（層級功能）：讓開發變得更模組化，提高重用性與維護性。
「這些進階應用不只是讓開發更方便，也讓我們能夠在專案需求變化時，快速做出適應與調整。」
未來，她會持續透過部落格分享開發心得，也希望能與更多開發者交流，一起探索前端開發的無限可能！
📌 張庭瑀的部落格 👉 clairechang.tw
📌 購書連結 👉 博客來
