Vue開發者升級指南-Nuxt3 入門：打造 SSR 專案

第 1 章 前言
1-1 Nuxt與Vue比較，說明SSR基本概念
1-2 Nuxt3簡介
1-3 閱讀本書前需具備的知識

第 2 章 起手式
2-1 前置環境準備
2-2 安裝Nuxt3專案
2-3 Nuxt CLI（Nuxi）常用指令
2-4 Nuxt3目錄結構總覽

第 3 章 加入程式碼檢核工具
3-1 ESLint JS / TS程式碼檢核與自動修正
3-2 Stylelint CSS / SCSS 程式碼檢查與自動排版

第 4 章 各目錄說明與功能應用
4-1 Pages目錄：自動生成路由
4-2 Components目錄：建立共用元件
4-3 Layouts目錄：自訂頁面模板
4-4 Composables 與Utils目錄：自訂共用方法
4-5 Plugins目錄：擴充功能與自訂指令
4-6 Module模組相關應用
4-7 Middleware目錄：監聽路由變化
4-8 Assets與Public目錄：靜態資源管理
4-9 Nuxt3 API串接方法：＄fetch、useAsyncData、useFetch
4-10 Server目錄：建立第一支API
4-11 Server API整合MongoDB
4-12 替專案加上CSS樣式
4-13 搭配CSS Framework：以Bootstrap 5為例
4-14 自訂載入（Loading）效果
4-15 錯誤處理與自訂錯誤頁面（Error Page）

第 5 章 全域資料管理
5-1 狀態管理(1)－useState
5-2 狀態管理(2)－Pinia
5-3 狀態管理(3)－狀態持久化

第 6 章 邊緣計算與人工智慧概述
6-1 Meta Tags相關配置
6-2 I18n實作多國語系
6-3 Sitemap網站地圖
6-4 使用robots.txt管理搜尋引擎存取

第 7 章 套件應用範例
7-1 Swiper製作輪播動畫
7-2 VeeValidate表單驗證
7-3 CKEditor 5文字編輯器

第 8 章 進階優化與工具
8-1 Nuxt Image圖片最佳化
8-2 Nuxt DevTools提升開發者體驗
8-3 使用VueUse工具加速開發效率

第 9 章 部屬
9-1 部署前準備：上傳到遠端儲存庫
9-2 Universal Rendering（SSR + CSR）網站部署
9-3 SSG靜態網站部署

作者簡介



張庭瑀 Claire

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