Gatsbyとは

GatsbyはReact製の静的サイトジェネレーターです。
GraphQLを用いて必要なデータを取得し、Reactコンポーネントに渡すことができるのが特徴です。
詳しくはGatsbyの公式ドキュメントをご覧ください。

プラグイン

GatsbyではGraphQLを利用して、ページ生成に必要となるデータを取得します。
microCMSでは、REST APIを用いたデータ取得を行うため、そのままでは組み合わせて利用することができません。

Gatsby向けに用意しているプラグイン「gatsby-source-microcms」を利用することによって、事前にmicroCMSから全コンテンツを取得し、Gatsbyに備わっている仕組みによって、GraphQLを通して必要なコンテンツを取り出すことが可能になります。

「gatsby-source-microcms」は、npmパッケージとして配布されています。

また、ソースコードはオープンソースとなっており、どなたでもIssueやPull Requestの作成が可能です。

こちらのプラグインは、Gatsbyの公式サイトにも掲載されています。