hysryt
commented
4 years ago 概要
JAMはJavaScript、APIs、Markupの頭文字。 Netlify創業者のMatt Biilmannが提唱した言葉。 サーバーとフロントエンドを疎結合にし、フロントエンドを静的サイトとして提供する。 サーバー側にはヘッドレスCMSなどを使用する。
静的サイトのメリットは以下の点がある。
- パフォーマンスの改善
- セキュリティの担保
- スケーラビリティの確保
技術としてSPAなどを使用する。 初回読み込みをサーバー側でレンダリングする技術がSSR、静的ファイルとして用意しておく技術がJAMstackとなる。
クライアントサイドで全てレンダリングするSPAにはOGPを埋め込めないというデメリットがある。 JAMstackはあらかじめ全てのページを静的ファイルとして生成するためOGPを埋め込むことができる。 さらにサーバー側にNode.jsなどの環境も必要ない。
静的ファイルの生成には、ReactであればGatsby、VueであればVuePress、Nuxt.jsなどが使用できる。 Netlifyであればビルドからホスティングまでを行ってくれる。
https://jamstack.org/ https://employment.en-japan.com/engineerhub/entry/2019/12/10/103000 https://microcms.io/blog/what-is-jamstack/ https://qiita.com/advent-calendar/2019/jamstack
https://booth.pm/ja/items/1035934