Nuxt.js 是基於 Vue.js 的輕量框架,結合 SSR 及 SPA,在頁面載入前即渲染,解決 Vue.js SEO 成效不佳的問題。
Nuxt 3 在 2022 年底推出了穩定版本,除了支援 TypeScript,更徹底的進行重構,精簡了核心、編譯速度更快,提升開發體驗。
這次將從基礎專案建立開始說明,介紹主要架構與功能、套件應用,以及如何提升 SEO,將學習過程筆記起來,加深印象!
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 提到 Nuxt.js,必須先從 Vue.js 說起,Vue.js 為專注在視圖層(View)的...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Nuxt 版本:v3.7.1 在 Vue 3 出了好一段時間後,Nuxt 3 終於在 202...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Nuxt3 定義了完整的目錄規則,讓我們可以輕鬆配置功能,專注在開發上 透過 npx nuxi@l...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Nuxt 3 完整支援 TypeScript 開發,TypeScript 相關設定在專案根目錄...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 前一天介紹了 Nuxt3 搭配 ESLint JavaScript 程式碼檢查工具:文章連結,本...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Pages 資料夾用來新增頁面,當我們在 Pages 資料夾建立檔案,Nuxt 會根據資料夾以及檔...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Components 目錄用來定義 Vue 共用元件,元件的特性為將部分模板、程式碼進行封裝,讓我...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Layouts 資料夾協助我們定義共用模板,將重複使用的版面提取到模板內全域共用,看起來跟昨天介紹...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 定義在 composables 以及 utils 資料夾的檔案 Nuxt 都會自動引入(auto-...
本篇文章同步更新於個人部落格,歡迎交流指教~謝謝您的閱讀 Plugins 目錄協助我們在 Nuxt 擴充套件功能。前端開發常會搭配 第三方套件(packag...