© 2018. All rights reserved.

用 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

  • 總結