この記事では、ヘッドレスCMSを使ってHTMLコンテンツを作成する手順を紹介します。よく使われているフレームワークにGatsbyやNext.js、Nuxt.js等がありますが、HTMLコーダーである自分にとっては難易度が高く、また、作りたいサイトが小規模であるため、HTMLテンプレートを使用しての作成を検証してみました。 今回は個人的に興味のあったMicroCMSと静的サイトジェネレーターである11ty(Eleventy)を使ってAPIの取得とHTMLの生成をします。 HTML CSS JS GulpやWebpack等のビルドツール利用経験 11tyとは 11tyは複数のテンプレート形式に対応している静的サイトジェネレーターで、HTMLを出力することができます。Markdown(.md)やEJS(.ejs)、Nunjucks(.njk)といった複数のテンプレート形式に対応しているほか、AP