Gatsby

microCMS + Gatsby なブログに目次を付けました。

ここまでで、 Gatsby で静的コンテンツを作成し、 microCMS でコンテンツと API を作成し、 Firebase でホスティングして Jamstack な構成で Web を公開しました。

前の記事で紹介したように、 Markdown で書いた内容をブログ記事として扱うことも可能ですが、ヘッドレス CMS を利用すると、データ管理を別サービスに任せてビューの開発に集中できます。このサイトで利用している microCMS と Gatsby の連携方法を紹介します。

Gatsby で作成したページを Firebase を使って公開します。独自ドメインで HTTPS で公開します。

Gatsby は静的サイトジェネレータ（SSG）であることから、主な用途としてはブログやコーポレートサイトで利用されます。

このサイトでは、私が Qiita や note に投稿した記事一覧を表示しています。

Gatsby は基本的に TypeScript 対応を謳っているため、

これまで、ブログサービスや Qiita や note を利用していたのですが、もっと気軽にアウトプットする手段が欲しいと思ったことと、フロントエンドに関する勉強も兼ねて、個人サイトを作成して立ち上げてみました。