iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 1
0
Modern Web

使用Gatsby督促我的姊姊成為部落客!!!系列 第 1

Day 01 - 挑個 CMS ,把姐姐挑好的模板上上去囉!

在 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

資料來源

[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

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


下一篇
# Day 02 -姊,先給你看它已發布在網上了。部屬靜態網站新選擇 Netlify
系列文
使用Gatsby督促我的姊姊成為部落客!!!13
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
arguskao
iT邦新手 4 級 ‧ 2019-10-22 12:41:05

好開心,看到這類文章

我要留言

立即登入留言