iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

NestJs 讀書筆記 系列

主要介紹在 NestJs 中使用 GraphQL,並搭配前端 VueJs 加上 VueApollo 搭建一個網站
NestJs 會以讀書筆記的方式來進行,主要會是官方範例教學以及踩過哪些坑

對這方面有研究的人,不仿進來給予一些建議,謝謝!

鐵人鍊成 | 共 31 篇文章 | 13 人訂閱 訂閱系列文 RSS系列文
DAY 11

NestJs - GraphQL 內部結構說明 (Subscription篇)

Subscriptions 除了 Query 和 Mutation ,GraphQL 還提供第三種類型 Subscription。 Subscription 是...

2020-09-25 ‧ 由 abc61958761 分享
DAY 12

NestJs - Hot Reload

Hot Reload 相信來到這個篇章的讀者,一定是受不了一直重新啟動服務的問題而來的我們在編寫程式碼時最痛苦的就是,每改一行程式碼,服務就要重啟,不僅麻煩又耗...

2020-09-26 ‧ 由 abc61958761 分享
DAY 13

VueJs - Vue Apollo , Vuetify 摻在一起

目標: 將所有套件都安裝完成,成功將 Vue 專案啟動 NestJs 目前先告一個段落,接著會開始講解前端。 這篇章我們就一起來做撒尿牛丸吧!! Vu...

2020-09-27 ‧ 由 abc61958761 分享
DAY 14

VueJs - 目錄結構

root ├── src │ ├── assets │ ├── components │ ├── graphql │ ├──...

2020-09-28 ‧ 由 abc61958761 分享
DAY 15

VueJs - 與後端 NestJs 對接

目標: 成功獲取後端資料,將資料呈現在 UI 上 在上上一篇章中,我們已經將 Vue Apollo 整合到 Vue 專案中這次會帶著讀者透過 API 接收...

2020-09-29 ‧ 由 abc61958761 分享
DAY 16

VueJs - Vue Apollo Queries

Vue Apollo Queries 目標: 熟練的使用 Vue Apollo 查詢資料 在安裝完 vue-apollo 後,所有的 components...

2020-09-30 ‧ 由 abc61958761 分享
DAY 17

VueJs - Vue Apollo Mutations

Vue Apollo Mutations 當我們要改變後端資料時,就要使用 Mutation使用 this.$apollo.mutate() 發送給 Graph...

2020-10-01 ‧ 由 abc61958761 分享
DAY 18

VueJs - Vue Apollo Subscriptions

Vue Apollo Subscriptions 設置 我們是基於 websocket 的訂閱模式,所以需要做一些配置 $ yarn add apollo-li...

2020-10-02 ‧ 由 abc61958761 分享
DAY 19

VueJs - Vue Apollo Component

Vue Apollo Component 與一般的 Component 一樣,在 prop 中使用 GraphQL document 並使用 scoped sl...

2020-10-03 ‧ 由 abc61958761 分享
DAY 20

VueJs - VueApollo Store

VueApollo Store 我想對 Vue 熟悉的讀者,在做前端緩存時大多數都是使用 Vuex ,不過當我們使用 Vue Apollo 時,它有自己的暫存區...

2020-10-04 ‧ 由 abc61958761 分享