iT邦幫忙

第 11 屆 iThome 鐵人賽

2
Modern Web

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

Day21. 部落格功能規劃

今天我們停下腳步,來思考一下我們要從無到有實作出哪些功能。


  1. 首頁
    最基本的文章列表功能,然後作個簡單的分頁。
  • 作者介紹欄: 圖片、姓名、社群url
  • 文章列表: 文章圖片、標題、內容概要、tag、發文時間

  1. 文章頁面
  • 文章: 文章圖片、標題、內容、tag、發文時間
  • 留言功能: 輸入id、輸入留言

  1. 根據發文的月份篩選文章

  1. 文章頁中可跳至下一篇跟上一篇

主軸的話就是1跟2,3跟4以及其他功能的話就等1跟2完成後再看看。

目前看來除了文章的留言功能,其他部分的資料都可以從gatsby-source-contentful這個插件來獲得。
而留言的部分,因為必須根據使用者的留言而動態的去改變內容,所以必須使用Contentful給的API來進行內容的修改以及抓取,相關參考放在下面,並且會在後續的文章去做使用。
(原因是因為gatsby-source-contentful只在建置專案時去跟Contentful要資料,因此用graphQL抓到的都只會是deploy當下的資料,後續更新的是抓不到的)

Contentful本身給了非常簡顯易用的sdk以及教學範例,不管是用甚麼語言來實作,應該都是可以很方便地去做使用,十分加分~

Content Delivery API(抓取內容): https://www.contentful.com/developers/docs/references/content-delivery-api/

Content Management API(傳送內容,發布內容): https://www.contentful.com/developers/docs/references/content-management-api/


上一篇
Day20. 將Gatsby專案放上Github Page
下一篇
Day22. 部落格實作 (一)
系列文
用Gatsby.js做出一個簡單的部落格28
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言