第 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靜態網站部署

序言



　　Nuxt是基於Vue開發的框架，旨在解決單頁式應用程式(SPA)在搜尋引擎優化(SEO)上的不足，為使用Vue的開發者提供了一套完善的解決方案。



　　本書從Nuxt與Vue的比較切入，引導讀者理解SSR的概念及Nuxt3帶來的優勢。全書依章節逐步拆解專案建構流程，提供Nuxt3 SSR開發的完整指引。