ComeOnOliver/skillshub

Nuxt 是一個全端 Vue 框架，提供伺服器端渲染、基於檔案的路由、自動匯入以及強大的模組系統。它使用 Nitro 作為伺服器引擎，支援在 Node.js、無伺服器架構與邊緣平台的通用部署。

此技能基於 Nuxt 3.x，產生於 2026-01-28。

核心

主題	說明	參考文件
目錄結構	專案資料夾結構、慣例、檔案組織	core-directory-structure
設定	nuxt.config.ts、app.config.ts、執行時期設定、環境變數	core-config
CLI 指令	開發伺服器、建置、產生、預覽與工具指令	core-cli
路由	基於檔案的路由、動態路由、導航、中介軟體、佈局	core-routing
資料擷取	useFetch、useAsyncData、$fetch、快取、重新整理	core-data-fetching
模組	建立與使用 Nuxt 模組、Nuxt Kit 工具	core-modules
部署	使用 Nitro 進行跨平台部署，支援 Vercel、Netlify、Cloudflare	core-deployment

功能

主題	說明	參考文件
組合式函式自動匯入	Vue API、Nuxt 組合式函式、自訂組合式函式、工具函式	features-composables
元件自動匯入	元件命名、延遲載入、水合策略	features-components-autoimport
內建元件	NuxtLink、NuxtPage、NuxtLayout、ClientOnly 等	features-components
狀態管理	useState 組合式函式、SSR 友好的狀態、Pinia 整合	features-state
伺服器路由	API 路由、伺服器中介軟體、Nitro 伺服器引擎	features-server

渲染

主題	說明	參考文件
渲染模式	通用渲染 (SSR)、客戶端渲染 (SPA)、混合渲染、路由規則	rendering-modes

最佳實務

主題	說明	參考文件
資料擷取模式	高效率擷取、快取、平行請求、錯誤處理	best-practices-data-fetching
SSR 與水合	避免上下文洩漏、水合不匹配、組合式函式模式	best-practices-ssr

進階

主題	說明	參考文件
層	使用可重複使用的層來擴展應用程式	advanced-layers
生命週期鉤子	建置時期、執行時期與伺服器鉤子	advanced-hooks
模組開發	使用 Nuxt Kit 建立可發布的 Nuxt 模組	advanced-module-authoring