Gatsby.js＋Contentful CMS｜解決建立環境時出現的錯誤

2022 年 2 月 16 日

原本能5分鐘完成的blog網站，結果需要3天時間。

原本可以5分鐘就能完成的blog網站，結果我花了3天時間去解決一些Bug，此刻我覺得人生有點精彩（反話來的！🤣 ）。

前陣子我在公司為客戶網站做SEO優化時，發現他的網站比Wordpress更好，SEO Keyword很快就能上Top 10的排位，雖然是頭10名，不過這其實也很難說，因為人家也算是知名的公司。但我還是研究了一下，他們的網站是用Contentful CMS跟React.js 建立出來的。所以我就上網查了一下，就查到Gatsby.js＋Contentful CMS的說明。雖然不是用React.js，但深入了解一下Gatsby.js發現其實他是基於React.js派生出來的東西。

在YouTube裡的一個叫「Web Development In 2022 - A Practical Guide」影片當中，有提及到Gatsby.js的好處。好！話不多說，有興趣可以自己去了解一下。回到文章的重點，當我決定選擇用Gatsby.js＋Contentful CMS之後，我就上網查如何使用他們來做一個blog網站。然後我在IT邦幫忙找到了能用五分鐘內做出一個Gatsby＋Contentful的Blog網站，看他的文章已經過了3年多了，就這一點，我就知道可能會花超過5分鐘才完成blog網站了，因為經過時間越長，插件更新的內容會有所不同。