作者簡介

張庭瑀 Claire

　　對於前端學習充滿好奇心的開發者，認為分享是學習的最佳方式，藉由交流討論來加深理解，並提升自己的技術水平。

• 第一章：前言(第1頁)
  • 1-1 Nuxt 與 Vue 比較，說明 SSR 基本概念(第2頁)
  • 1-2 Nuxt3 簡介(第9頁)
  • 1-3 閱讀本書前需具備的知識(第13頁)
• 第二章：起手式(第15頁)
  • 2-1 前置環境準備(第16頁)
  • 2-2 安裝 Nuxt3 專案(第18頁)
  • 2-3 Nuxt CLI（Nuxi）常用指令(第21頁)
  • 2-4 Nuxt3 目錄結構總覽(第27頁)
• 第三章：加入程式碼檢核工具(第37頁)
  • 3-1 ESLint JS / TS 程式碼檢核與自動修正(第38頁)
  • 3-2 Stylelint CSS / SCSS 程式碼檢查與自動排版(第45頁)
• 第四章：各目錄說明與功能應用(第53頁)
  • 4-1 Pages 目錄：自動生成路由(第54頁)
  • 4-2 Components 目錄：建立共用元件(第68頁)
  • 4-3 Layouts 目錄：自訂頁面模板(第82頁)
  • 4-4 Composables 與 Utils 目錄：自訂共用方法(第92頁)
  • 4-5 Plugins 目錄：擴充功能與自訂指令(第102頁)
  • 4-6 Module 模組相關應用(第115頁)
  • 4-7 Middleware 目錄：監聽路由變化(第126頁)
  • 4-8 Assets 與 Public 目錄：靜態資源管理(第137頁)
  • 4-9 Nuxt3 API 串接方法：$fetch、useAsyncData、useFetch(第149頁)
  • 4-10 Server 目錄：建立第一支 API(第162頁)
  • 4-11 Server API 整合 MongoDB(第175頁)
  • 4-12 替專案加上 CSS 樣式(第190頁)
  • 4-13 搭配 CSS Framework：以 Bootstrap 5 為例(第199頁)
  • 4-14 自訂載入（Loading）效果(第207頁)
  • 4-15 錯誤處理與自訂錯誤頁面（Error Page）(第217頁)
• 第五章：全域資料管理(第231頁)
  • 5-1 狀態管理 (1) － useState(第232頁)
  • 5-2 狀態管理 (2) － Pinia(第240頁)
  • 5-3 狀態管理 (3) － 狀態持久化(第250頁)
第六章：多國語系與 SEO 搜尋引擎相關(第261頁)
• 6-1 Meta Tags 相關配置(第262頁)
• 6-2 I18n 實作多國語系(第271頁)
• 6-3 Sitemap 網站地圖(第286頁)
• 6-4 使用 robots.txt 管理搜尋引擎存取(第302頁)
第七章：套件應用範例(第311頁)
• 7-1 Swiper 製作輪播動畫(第312頁)
• 7-2 VeeValidate 表單驗證(第322頁)
• 7-3 CKEditor 5 文字編輯器(第336頁)
第八章：進階優化與工具(第347頁)
• 8-1 Nuxt Image 圖片最佳化(第348頁)
• 8-2 Nuxt DevTools 提升開發者體驗(第361頁)
• 8-3 使用 VueUse 工具加速開發效率(第381頁)
第九章：部署(第395頁)
• 9-1 部署前準備：上傳到遠端儲存庫(第396頁)
• 9-2 Universal Rendering（SSR + CSR）網站部署(第400頁)
• 9-3 SSG 靜態網站部署(第413頁)