microCMS

Integration with Gatsby

What is Gatsby

Gatsby is a static site generator built with React.
It is characterized by its ability to fetch necessary data using GraphQL and pass it to React components.
For more details, please refer to the official Gatsby documentation.

Plugins

In Gatsby, GraphQL is used to fetch the data necessary for page generation.
Since microCMS uses a REST API for data retrieval, it cannot be used directly in combination.

By using the plugin "gatsby-source-microcms" prepared for Gatsby, you can pre-fetch all content from microCMS and extract the necessary content through GraphQL using Gatsby's built-in mechanisms.

"gatsby-source-microcms" is distributed as an npm package.

Additionally, the source code is open source, allowing anyone to create Issues or Pull Requests.

This plugin is also listed on the official Gatsby website.