Vue 開發者升級指南 -- Nuxt3 入門:打造 SSR 專案
張庭瑀 著
買這商品的人也買了...
-
無瑕的程式碼-整潔的軟體設計與架構篇 (Clean Architecture: A Craftsman's Guide to Software Structure and Design)$580$452 -
資料密集型應用系統設計 (Designing Data-Intensive Applications: The Big Ideas Behind Reliable, Scalable, and Maintainable Systems)$980$774 -
金魚都能懂的 CSS 必學屬性:網頁設計必備寶典(iT邦幫忙鐵人賽系列書)$720$562 -
和艦長一起 30 天玩轉 GitLab【第二版】(iT邦幫忙鐵人賽系列書)$650$507 -
OAuth 2.0 從入門到實戰:利用驗證和授權守護 API 的安全$600$468 -
最速網頁開發:用 Go Web 一手建立高能效網站系統, 2/e$880$695 -
Nuxt.js Web 開發實戰$954$906 -
Vue.js 3 前端測試入門從這裡開始:透過 Vitest + Vue Test Utils 實現自動化測試(iThome鐵人賽系列書)【軟精裝】$720$562 -
Vue.js 3 前端開發不踩雷:Composition API × Vue Router × Pinia,帶你快速升級進階開發者!(iThome鐵人賽系列書)【軟精裝】$650$507 -
K8S 自學聖經:10大核心模板快速入門【圖解教學】$790$624 -
前端測試指南:策略與實踐$650$507 -
Beyond XSS:探索網頁前端資安宇宙$880$695 -
Type Script + Vue.js 一氣呵成 - 前端開發大白到大神$900$711 -
Vue 學習手冊 (Learning Vue: Core Concepts and Practical Patterns for Reusable, Composable, and Scalable User Interfaces)$680$537 -
簡約的軟體開發思維:用 Functional Programming 重構程式 - 以 Javascript 為例 (Grokking Simplicity: Taming Complex Software with Functional Thinking)$1,000$790 -
這樣寫 code 好不好?辨識、分析、改善,寫出易讀易維護的程式碼$630$498 -
推薦系統實踐入門|可應用於工作上的指引$680$537 -
產品領導人之道|培育卓越產品經理的全方位指南 (Strong Product People: A Complete Guide to Developing Great Product Managers)$680$537 -
Spring Boot 零基礎入門:從零到專案開發,古古帶你輕鬆上手(iThome鐵人賽系列書)$720$562 -
流暢的 React : 建構快速、高效、直覺的 Web 應用程式 (Fluent React: Build Fast, Performant, and Intuitive Web Applications)$780$616 -
原生全端開發 - 使用 Node.js 建立最漂亮強大的網站$1,080$853 -
軟體工程師的英語使用守則:English for Developers$420$357 -
AI 超神筆記術:NotebookLM 高效資料整理與分析 250技$480$379 -
極速全端開發 - Vue.js + Express.js 建構全能美觀應用$1,080$853 -
JavaScript 重修就好$760$600
相關主題
商品描述
Vue開發者升級指南-Nuxt3 入門:打造 SSR 專案
✦SSR X SPA 提升網站的SEO效能
✦以淺顯易懂的教學探索Nuxt3應用
✦圖文並茂的範例說明
✦整合Nuxt3全端功能,打造高效能網站
作者簡介
張庭瑀 Claire
對於前端學習充滿好奇心的開發者,認為分享是學習的最佳方式,藉由交流討論來加深理解,並提升自己的技術水平。
Blog | clairechang.tw
目錄大綱
第 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靜態網站部署

















