活動訊息
用閱讀開啟視野,讓書成為照亮你人生的光
【金石堂選書】本月推薦您這些好書👉 快來看看
內容簡介
Vue開發者升級指南-Nuxt3 入門:打造 SSR 專案
✦SSR X SPA 提升網站的SEO效能
✦以淺顯易懂的教學探索Nuxt3應用
✦圖文並茂的範例說明
✦整合Nuxt3全端功能,打造高效能網站
✦SSR X SPA 提升網站的SEO效能
✦以淺顯易懂的教學探索Nuxt3應用
✦圖文並茂的範例說明
✦整合Nuxt3全端功能,打造高效能網站
目錄
第 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靜態網站部署
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開發的完整指引。
Nuxt是基於Vue開發的框架,旨在解決單頁式應用程式(SPA)在搜尋引擎優化(SEO)上的不足,為使用Vue的開發者提供了一套完善的解決方案。
本書從Nuxt與Vue的比較切入,引導讀者理解SSR的概念及Nuxt3帶來的優勢。全書依章節逐步拆解專案建構流程,提供Nuxt3 SSR開發的完整指引。
訂購/退換貨須知
購買須知:
使用金石堂電子書服務即為同意金石堂電子書服務條款。
電子書分為「金石堂(線上閱讀+APP)」及「Readmoo(兌換碼)」兩種:


- 請至會員中心→電子書服務「我的e書櫃」領取複製『兌換碼』至電子書服務商Readmoo進行兌換。
退換貨須知:
- 因版權保護,您在金石堂所購買的電子書僅能以金石堂專屬的閱讀軟體開啟閱讀,無法以其他閱讀器或直接下載檔案。
- 依據「消費者保護法」第19條及行政院消費者保護處公告之「通訊交易解除權合理例外情事適用準則」,非以有形媒介提供之數位內容或一經提供即為完成之線上服務,經消費者事先同意始提供。(如:電子書、電子雜誌、下載版軟體、虛擬商品…等),不受「網購服務需提供七日鑑賞期」的限制。為維護您的權益,建議您先使用「試閱」功能後再付款購買。
商品評價