淺談 Jamstack 架構
前言
前陣子寫 Next.js 筆記時和朋友們討論 Gatsby.js「The static dynamic site generator for dynamic web developers」部分時提到了 Jamstack，其中一位夥伴說了：
那 Jamstack 跟我們寫框架的 SPA 網站不是一樣嗎？
提問者後續在其他人的解釋下才理解差異。
Next.js
Next.js 入門：使用 next export 輸出 static file
此篇以 Next.js 11.0.1 版為主，內容僅供參考。
若要使用 Next.js SSG 額外輸出 static HTML，不打算把 SSG 的內容置於 Next.js 的 Node.js Server 上的話，
Next.js 入門：Error: Image Optimization using Next.js' default loader is not compatible with next export.
前陣子使用 Next.js SSG 靜態頁面遇到問題，記錄一下：
SSG build time 時報錯
log 如下：
Error: Image Optimization using Next.js' default loader is not compatible with
Next.js 入門：建立專案與專案結構
建立專案
系統要求
MacOS、Windows 和 Linux 都沒差
只要有 Node.js 12.0 或更高版本即可
安裝與建立 create-next-app 專案
打開 terminal 輸入
npx create-next-app ${專案名稱}
等 terminal 跑完即可。