今年年初，我終於決定將自己的網站從基於 PHP 的 CMS 移植到基於 JavaScript 的靜態網站生成器（SSG）了。原因如下：
- 雖然一開始我是“全棧”開發人員，但現在我只負責前端工作：如果我需要編寫自定義功能，那麼能用 JavaScript 編寫的代碼我就不想用 PHP 來寫。
- 我不需要抽象層或 CMS 的複雜性——我最喜歡用 markdown 文件編寫內容，並且希望永遠不要再碰 Mysql 數據庫或所見即所得編輯器。
- 我想提高網站的性能：靜態 HTML 文件在 99% 的時候都比動態頁面更快。
- 最後還有成本優勢：LAMP stack 服務器得按月付費；Netlify 的免費套餐（每月構建 300 分鐘）應該可以輕鬆覆蓋零成本個人博客的需求。
當我決定使用靜態站點生成器和 JavaScript（排除了 Jekyll 和 Hugo）後，就只剩下兩個差別頗大的選項了。
“我聽說 Gatsby 很好用”
根據官方網站的說法，“Gatsby 是一個基於 React 的免費開源框架，可幫助開發人員構建速度飛快的網站和應用”。它有一個由 GraphQL 支持的數據層，並將所有內容輸出到靜態文件，使你可以在幾乎任何地方託管它。
當我第一次聽說我可以編寫 React 並使用這個很酷的 GraphQL 新玩意兒，同時還能輸出不需要 JavaScript 的靜態頁面時，我很想嘗試它一下。我是這麼想的：“這聽起來像是漸進增強，但用不着什麼投入”。不幸的是，就像大多數聽起來過於美好的事情一樣，經過一些調查我發現它就是個坑。用戶首次訪問 Gatsby 網站時會發生這些事情：
原文鏈接:【https://www.infoq.cn/article/yhqM0u6NBd6QAbUNOCE5】。未經作者許可，禁止轉載。