Jamstack
https://gyazo.com/b558aabcada18ecd7c40503a0ab61f64
とは
Jamstackとはウェブサーバーを存在させずにサイトを運用するアーキテクチャのこと
SPAは、webサーバーからHTML/CSSを取得するため、JAMSTACKとは異なる
語源
JamstackのJamはJavaScript/APIs/Markupの頭文字
JavaScriptでAPIをたたいてMarkupを配信することを意味している
特徴
パフォーマンスの高さ
セキュリティの高さが特徴
--.icon
一般的なWebアプリとの比較
よくあるwebアプリの場合
https://gyazo.com/996e932da227c5bda8299a95cf98455a
SPAの場合
https://gyazo.com/8485c5ed80577a5efa033f1fe21eb8a4
サーバレスなSPAの場合
https://gyazo.com/908de519d8af1270c16cd7ec3112e1cb
JAMSTACKの場合
https://gyazo.com/ed43379325de39eb17b82e37d7632c78
JAMSTACKのメリット
静的なコンテンツを配信するだけなので、パフォーマンスが高い(レスポンスが早い)
静的なコンテンツを配信するだけなので、サーバーの管理が不要となり、セキュリティ面での考慮事項が減る
どうやって動的コンテンツを扱っているのか?
データ更新時に、自動ビルド・デプロイを走らせて、最新コンテンツを反映させる
イメージ図
https://gyazo.com/8df5a4991ccd3d71ecc9f1a7de58cb2e
具体例
https://gyazo.com/0bed6916cb80668912ac5b13dc9fad9d