microCMS

GatsbyJSとの連携

GatsbyJSとは

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

Front End Framework With The Speed To Delight | Gatsby
https://www.gatsbyjs.com/

gatsby-source-microcms

microCMSと連携することで事前に全コンテンツを取得し、GatsbyJSに備わっている機構によりGraphQLで必要なコンテンツを取り出し、画面に表示させることが可能です。

microCMSとの連携には下記npmパッケージをご利用いただけます。
こちらはオープンソースとなっているため、どなたでもIssueの追加やプルリクエストが可能です。

gatsby-source-microcms
https://www.gatsbyjs.com/plugins/gatsby-source-microcms/