用 nuxt 2.x 自幹一個部落格
30. Nov 2018
Nuxt.js 2.x 實戰分享(以部落格為範例)
這是一個完整的 Nuxt.js 應用實作分享,用到的技術還有 Vuetify@1.3.5, Firebase, Storybook@4.0.0 等等。
沒用過或沒聽過也不要擔心,會有充分的 DEMO 和介紹。
整個分享以開發一個部落格為範例,Step by step 帶你初探 Nuxt.js 2.x。
推薦延伸閱讀:Hunter 今年在鐵人賽的相關系列文章: 用 Nuxt.js 2.0, Vuetify, Storybook, Firebase 建一個 Blog 。
小提醒:此分享需要對 Vue 有基本的了解,不建議完全沒接觸過 Vue.js 的朋友參加。
大綱
-
部落格功能介紹
-
套件選用與指令介紹
-
Nuxt.js 2.x 簡介, 目錄結構, 設定檔, 生命週期
-
Vuetify 1.3.5 簡介與 vuetify-loader 導入
-
Storybook 4 簡介與導入
-
部落格: 佈局介紹(layouts)
-
部落格: 所有元件介紹(components)
-
Vuex store & module registration
-
部落格: 各頁面介紹(pages)
-
Firebase 簡介, 登入, 使用者權限, 資料庫
-
部署 heroku, github pages, firebase hosting
-
總結