鐵人檔案
來聊聊關於 React 的 SEO Solution 吧 ！
預計想存十五篇稿再來優雅地挑戰鐵人賽卻一篇都沒存的勇者，
希望能成功活著完賽。
為什麼要寫這系列的文章？ 稍有經驗的開發者，可能都對 SPA ( Single Page Application ) 不會太陌生，其原理都是藉由廣為人知的 J...
什麼是 Gatsby ? Gatsby 是一個 日本男性化妝品牌 現代化開發網站的網站產生系統，它擁有著完整、豐富且開源的生態系，且基於 React + Gra...
今天我們終於要來點實作啦，前兩天介紹的心癢癢，今天終於能初窺 Gatsby 的風采 ！ 開發環境建置與說明 在進行實作之前，我建議大家對以下幾點有個基本的認識...
今天我們要針對專案架構做一個基本的認識，而下篇會講一些 React 的基礎觀念，例如如何建立一個元件、如何在 React 專案裡添加樣式、如何由父元件傳值給子組...
今天我們會在 React 方面多著墨，會講解如何在 React 專案中調整樣式，還有有哪些方式能去調整，同時也會講解如果在 Gatsby 專案中，該怎麼使用這些...
昨天介紹了如何在 React 中設定樣式，今天我們就來講講 Component 吧 ！ 對於這部分較為陌生的讀者可能會有這樣一個疑問，為什麼要建構元件？ 建構元...
今天我們將融會貫通，利用前兩章所學，建立一個擁有三個頁面的簡易網站，並導入一個外掛作為這樣網站的基礎樣式，話不多說，就讓我們開始吧 ！ 建立環境並導入外掛 根據...
昨天我們套用 typography 這個 Plugin 來為我們的網站做全局的基礎樣式處理，並創建了 contact & about 兩個頁面，但樣式上...
昨天我們完成了第一個簡易版網站，但是，沒有資料的網站，就沒有靈魂！！！ 所以我們要來介紹 Gatsby 關於資料的部分啦，就如第一天所言， Gatsby 有一個...
昨天我們介紹了如何在 Gatsby 使用 GraphQL 來進行撈取資料，但在 Gatsby 中其實對於撈資料的方式是有區分的唷，我們昨天使用的叫做 頁面查詢...
