在 Gatsby 官網上，有個 starters 頁面，超多起手式樣版可以選擇，在某天晚上，傳了這個連結，督促姐姐選她喜歡的樣板，需考慮未來她的部落格方向，最後選定就是這個 gatsby-starter-tyra。

既然有了樣板，我們就需要挑選好方便的內容管理與發佈系統，她需要有一套漂亮的 API，可以考慮 JAM Stack 和 Headless CMS

JAM Stack

"A modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup"
— Mathias Biilmann (CEO & Co-founder of Netlify).

JavaScript 、 API 和 Markup 的簡稱。

• JavaScript: 負責處理動態功能，不限於任何框架與程式庫
• API: 可通過 HTTPS 使用 JavaScript 訪問伺服端，也可以是第三方服務或自訂的功能。
• Markup: 是 HTML 文件，例如 MarkDown

JAMstack與特定技術無關。這是一種構建網站和應用程式的新方法，可提供更好的效能，更高的安全性，更低的擴充套件成本以及更好的開發人員體驗。

JAM Stack 好處

• 更好的性能，通過 CDN 預先處理
• 更安全，無須擔心伺服器或資料庫的漏洞
• 利用託管靜態檔案的費用是很便宜的
• 更好的開發體驗，前端工程師只需專注前端
• 好的擴展性，可以用 CDN 補齊資源

JAM Stack 理想工作流

Headless CMS

沒有前端的 CMS。一個純粹的 Backend CMS，輸出 API 給 Front-end 去讀取資料，不用再找 CMS 專用的 Theme 了，因為前後己經分離，所有 Front-end 只需看 API 就可以

這個網站整理很多 Open source Headless CMS

資料來源

• GatsbyJS官網

• JAMstack WTF

[Headless CMS - strapi] (https://blog.256pages.com/headless-cms-2018/)
How to Choose the Best Static Site Generator in 2018

Picking a backend for GatsbyJS
一文看懂什么是JAMstack

若有錯誤的觀念或是資料授權有問題，再煩請通知我，謝謝