iT邦幫忙

鐵人檔案

第 11 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

用Gatsby.js做出一個簡單的部落格 系列

第一次接觸gatsby.js,正好有機會,能夠學習並且參加這次的活動
雖然可能無法完賽,但希望能把一些成果作為紀錄。

參賽天數 14 天 | 共 28 篇文章 | 23 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day11. 實作GraphQL by Ruby on rails ( Schema chema 和 Query ) (二)

在做出api前,先做出我們的model,負責資料的存取。 rails generate model Post title:string content:text...

2019-09-15 ‧ 由 轟天旅人 分享
DAY 12

Day12. 實作GraphQL by Ruby on rails ( Mutation ) (三)

在graphQL中,假如我們要去修改資料或是新增資料,我們會使用到mutation這個type而非query。 今天,我們在mutation下做一個新增Post...

2019-09-16 ‧ 由 轟天旅人 分享

Day13. 更新公告

因為種種因素,結果還是沒能撐到30天,不過計畫上,還是希望自己能把文章完成 所以未來會慢慢用自己的步調,讓這個主題的東西都慢慢地出現(雖然如此,到現在也還沒講g...

2019-10-17 ‧ 由 轟天旅人 分享

Day 14. 實作GraphQL by Ruby on rails ( 修改資料表 ) (四)

今天要修改一下我們的資料架構,新增一張types的表,紀錄文章的類別,然後在原先的posts表,新增一個type欄位,來紀錄文章類別的關聯。 原先,我們在con...

2019-10-17 ‧ 由 轟天旅人 分享

Day15. 實作GraphQL by Ruby on rails ( 修改query ) (五)

根據Day14的新的架構,我修改我的/app/graphql/query/query_type.rb這支檔案 app/graphql/type/query_ty...

2019-10-17 ‧ 由 轟天旅人 分享

Day16. 實作GraphQL by Ruby on rails ( 修改mutation ) (六)

mutation的部分,除了需要修改原先的CreatePost,還相新增一個RemovePost來刪除文章 修改完的程式碼如下: app/graphql/typ...

2019-10-17 ‧ 由 轟天旅人 分享

Day17. 在Gatsby中串接第三方 GraphQL APIs

今天試著從我們的gatsby專案來串接我們的graphQL graphQL的API來獲得文章資料 首先,創建我們的gatsby專案 gatsby new my-...

2019-10-19 ‧ 由 轟天旅人 分享

Day18. 利用Gatsby通過資料創建頁面

首先,在Day.17中,我們已經有辦法藉由graphQL來抓取文章資料了,接續上次的內容。 今天我們來提到一個gatsby一個十分重要的功能,就是利用資料去創建...

2019-10-23 ‧ 由 轟天旅人 分享

Day19. 用Gatsby+Contentful五分鐘內做出一個部落格吧

今天,我們要用很快速的流程,來體驗一下Gatsby強大的地方,從頭快速的做出一個懶人的blog,並且不用打上一行程式碼 首先,在command linend...

2019-10-24 ‧ 由 轟天旅人 分享

Day20. 將Gatsby專案放上Github Page

在Day19,我們見識了Gatsby強大的功能,使用官方提供的starter,快速的做出了一個部落格。 而這個部落格本身,會包含我們所需要的資料,是一個靜態的網...

2019-10-25 ‧ 由 轟天旅人 分享