Gatsby CMS Learn how to use Cosmic JS to power content for your projects using tools you love.

Gatsby CMS

Gatsby

Cosmic JS makes it easy to manage content for your Gatsby applications. Get a feel for Gatsby by taking a spin through our Gatsby Apps and check out the tutorials below.

Gatsby Quickstart

Install a Cosmic-powered Gatsby app in seconds 🔥 

npm i -g cosmic-cli
cosmic init gatsby-starter
cd gatsby-starter
cosmic start

Gatsby CMS Articles

Developer Community: Gatsby Articles
Build a Gatsby Blog using the Cosmic JS source plugin
Netlify + Gatsby + Cosmic JS + Automatic Builds with Webhooks

Gatsby CMS Resources

Gatsby Blog
Gatsby Source Plugin
Cosmic JS Docs
Official JavaScript Client
Cosmic JS GitHub

Using the Cosmic JS NPM Module

npm i cosmicjs

Then in your JavaScript file, get your content:


React Example with the GraphQL API

  Back to Knowledge Base