はじめに
案件でJamstackについて使う機会がありそうだったので、メモ程度に記載してみた。
Jamstackとは
- JamstackのJamとは
- JavaScript
- Api
- Markupの頭文字
- Jamstackの特徴
- ウェブサーバー停止の影響を受けない
- 大量のアクセスに強い
- 比較的安全
Jamstackでよく使われるサービス
ヘッドレスCMS
- コンテンツ内容を管理する部分であるバックエンドの機能だけを持ち、見た目のデザイン部分やCSSなどをもたないCMSの事を言う
- 記事の投稿をヘッドレスCMSで行い、データをAPIで公開する
静的サイトジェネレーター
- HTMLを生成するライブラリが必要になる
- ビルド時にAPIをたたいてそのデータを取り込める必要がある
ホスティングサービス
- 生成した静的コンテンツを配信できるサービスが必要になる
現在考えているもの
microCMS
- ヘッドレスCMS
- 日本製
- 投稿画面もわかりやすく非エンジニアでも扱うことが簡単そう
- 記事が多いのでわからない事があったら調べたらいろいろと出てきそう
Nuxt.js
- 以前にVue.jsを用いた開発をおこなったことがあるから
- microCMSのブログサイトがNuxt.jsでできており、オープンソースになっていてコードが見れる
Netlify
- 料金も安く、無料枠でもいけそう
まとめ
Jamstackのデモサイトを作ってみたが、処理も早くユーザリティがとてもいいと思った。microCMSとの連携も簡単で扱いやすいなと思った。