iT邦幫忙

contentful相關文章
共有 9 則文章
鐵人賽 Modern Web

技術 Day27. 部落格實作 (END)

成品參考: https://linsheng24.github.io/gatsby-blog/ 今天實作留言版的部分,因為react不同於文章,畫面的改變必須馬...

鐵人賽 Modern Web

技術 Day26. 部落格實作 (五)

今天實作首頁的顯示舊文章的按鈕功能。 在實作前想先介紹react的hook這個東西: 在去年以前,react的組件實作都是使用Class component,也...

鐵人賽 Modern Web

技術 Day25. 部落格實作 (四)

延續上一篇,今天來完成index頁面。 首先,到http://localhost:8000/___graphql先做好查詢語法 query indexQue...

鐵人賽 Modern Web

技術 Day24. 部落格實作 (三)

今天開始把網頁跟Contentful做連結。 首先,到Contentful創造一個新的space(或是把舊的清空)。 到Content Model做以下配置...

鐵人賽 Modern Web

技術 Day23. 部落格實作 (二)

今天的動作比較瑣碎,但還是簡單說一下實作的過程,如果內容不夠清楚,也可以再本文的結尾直接把我推上去的git給抓下來繼續Day24以後的內容。 首先,我的部落格...

鐵人賽 Modern Web

技術 Day22. 部落格實作 (一)

在之前,我們透過了Contentful提供的starter,快速的幫我們完成了"架好部落格"這件事。 然而卻讓我們有點知其然而不知其所以然。...

鐵人賽 Modern Web

技術 Day21. 部落格功能規劃

今天我們停下腳步,來思考一下我們要從無到有實作出哪些功能。 首頁 最基本的文章列表功能,然後作個簡單的分頁。 作者介紹欄: 圖片、姓名、社群url 文...

鐵人賽 Modern Web

技術 Day20. 將Gatsby專案放上Github Page

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

鐵人賽 Modern Web

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

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