up:: JavaScript and TypeScript
up:: Markdown

JAMstack

ウェブサイトを構築・運用するための技術の組み合わせ。Javascript・APIs・Markupの頭文字。
WordPressやDrupalなど旧来のCMSにおける技術の組み合わせ、LAMPstack(Linux・Apache・MySQL・PHP)に対比する言葉。

旧来と違い、一般にサイトのレンダリングを事前に終わらせている。 このため基本は静的なサイトなのだが、JavaScriptとAPIを活用することで動的な機能も実装できる。

SSG(Static Site Generator)はこれを実現するときに利用されるソフトウェア。SPA(Single Page Application)はページ遷移なしで動作するウェブアプリケーション。

要素技術の一覧

  • Git
  • Webpack
  • React / Vue.js / Angular
  • Next.js / Hugo / Gatsby / Nuxt.js / Jekyll / VuePress

ホスティングサービスの一覧

  • Netlify
  • Gatsby Cloud
  • Vercel
  • Firebase Hosting
  • GitHub Pages

JAMstack とは?なぜ今 JAMstack なのか? | Dyno

Git+Hugo+Netlify