iT邦幫忙

鐵人檔案

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

雖然你不是木村拓哉,但它也可以讓你變很行 - Gatsby.js 系列

來聊聊關於 React 的 SEO Solution 吧 !
預計想存十五篇稿再來優雅地挑戰鐵人賽卻一篇都沒存的勇者,
希望能成功活著完賽。

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

[Day 21] - 建立屬於自己的主題 ( 四 )

上一個章節,我們完成了將資料轉變為列表頁、內頁,今天我們要來把昨天做的內頁再做一些微調,新增一個時間顯示的邏輯,並且將 Gatsby-theme-events...

2020-10-06 ‧ 由 chasel1020 分享
DAY 22

[Day 22] - 建立屬於自己的主題 ( 五 )

今天,我們要把樣式套用上去,並且幫做好的主題發佈到 NPM 上去供使用者使用,也會是建立屬於自己的主題的最後一章,就讓我們開始吧! 安裝相關套件並設定 首先我們...

2020-10-07 ‧ 由 chasel1020 分享
DAY 23

[Day 23] - Gatsby Image

不知道有沒有細心的讀者發現,我們在做部落格或一些簡單的入門專案時,都沒有圖片的存在?人都是視覺的動物,對於一個熱門的部落格來說,怎麼可以缺少了圖片呢? 今天我們...

2020-10-08 ‧ 由 chasel1020 分享
DAY 24

[Day 24] - 動態導覽列 ( Dynamic Navigation )

身為一個專業的網站,怎麼可以讓使用者在我們的網站中迷路了呢?所以今天我們要來做導覽列 ( Nav Bar ),我們會用 Gatsby 中的資料來動態的產生,而資...

2020-10-09 ‧ 由 chasel1020 分享
DAY 25

[Day 25] - 會員驗證 ( User Authentication )

有時候,我們在做專案時,總會有會員的需求,大概上就是指有些內容只有登入過的使用者能夠瀏覽,今天我們就要來實作這樣的流程。 在 Gatsby 中,我們透過 API...

2020-10-10 ‧ 由 chasel1020 分享
DAY 26

[Day 26] - Gatsby feat. WordPress

今天我們要與鼎鼎大名的 WordPress 進行串接,將 WordPress 站內的資料藉由 GraphQL 來撈取,並在 Gatsby 專案中,將這些資料做一...

2020-10-11 ‧ 由 chasel1020 分享
DAY 27

[Day 27] - Gatsby feat. EC ( 上 )

這邊的 EC 指的是 Electronic Commerce,也就是所謂的電子商務,我們將用一到兩章節的篇幅來介紹如何用 Gatsby 來建立一個基礎的電子商務...

2020-10-12 ‧ 由 chasel1020 分享
DAY 28

[Day 28] - Gatsby feat. EC ( 下 )

昨天我們完成了一個基本的購物流程,但程式碼內有著不安全的問題,今天我們要用 .env 的形式來規避這個風險,至於怎麼做呢?就讓我們看下去吧! 補充說明一下 Sk...

2020-10-13 ‧ 由 chasel1020 分享
DAY 29

[Day 29] - Gatsby v.s. Next

終於來到尾聲了,今天我們將對 Next.js 來做一番介紹,介紹完後,我們會跟這二十九天來的戰友 Gatsby 來做一次簡單的比較,最後會告訴大家,什麼時候該選...

2020-10-14 ‧ 由 chasel1020 分享
DAY 30

[Day 30] - 終成行男

呼,想當初在鐵人賽開賽前還在猶豫到底要不要開賽呢?參賽後是要寫什麼主題呢? 一探 React Native 、React 百寶箱 blablabla 太多想寫的...

2020-10-15 ‧ 由 chasel1020 分享