まとめ

JAMstack ってなにさ

Your project is built with the JAMstack if it meets three key criteria: JavaScript APIs Markup

とのこと。これら3要素で作られるサイトのことを呼びます。

React, Vueなどのフロントエンドフレームワーク(ライブラリ)、  Contentful, Firebase, Rails などの API、 Netlify, Firebase, S3 などのホスティング環境に配置されたMarkup

これらの構成がJAMstackの一例です。

Meguro.esで使った構成

JAMstackを実現するための技術選定の組み合わせはたくさんありますが、今回はnuxt.js, Contentful, Netlyfy の構成を選びました。

(nuxtがSSRモードでHTMLのビルドを完全にしているわけではないので、厳密なJAMstackなのかといわれると、あやしいかも)

リポジトリ

GitHub nuxt.meguro.es