淺談 Jamstack 架構
前言
前陣子寫 Next.js 筆記時和朋友們討論 Gatsby.js「The static dynamic site generator for dynamic web developers」部分時提到了 Jamstack，其中一位夥伴說了：
那 Jamstack 跟我們寫框架的 SPA 網站不是一樣嗎？
提問者後續在其他人的解釋下才理解差異。
軟體架構
Next.js 入門：由 CRA 至 Gatsby 與 Next.js
此文不會講解為什麼 SSR 對 SEO 和 LCP 有幫助的原因
如果不懂 LCP 是什麼，可見 Google 關於 LCP 指標的說明
如果連 SPA 和 SSR 是什麼都不太懂，可以參考 Huli 大大寫的跟著小明一起搞懂技術名詞：MVC、SPA
什麼是 Serverless 架構？
前陣子又聽到了 Serverless（無伺服器）架構這個酷東西，我第一次聽到 Serverless 應該是某年 Modern Web Conference 對岸講者的分享，想想還是簡單記錄一下。
Serverless 乍聽之下好像是「沒有伺服器」，但實際上伺服器並沒有消失，而是由雲端服務供應商（如 AWS、Google Cloud、Azure）負責管理。
我們只是不再需要手動設定、部署、
SPA 部署後部分頁面載入失敗？覆蓋式部署的對應解法
這是近期工作上遇到的問題，記錄一下原因與解法，解法不一定是最佳解。
問題背景
接手了公司的一個網站，發現使用者一直在此單頁應用 SPA 中遇到偶發、但令人頭痛的問題。通常會在網站「部署新版本」後、且「使用者尚未重新整理頁面」的情境下發生。
情境如下：
1. 使用者正在我們的後台網站上瀏覽（例如還停留在 /home）。
2. 這時我們開發者部署了一個新版本，且採用了「覆蓋式部署」（也就是直接覆蓋掉原本的靜態資源）