Gatsby CMS Learn how to use Cosmic JS to power content for your Gatsby applications.

Gatsby CMS | Cosmic JS Headless CMS


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

Was this article helpful?

Thank you! Your input helps us improve our articles and resources. If you have any other questions or comments, please contact support.

Cosmic JS is your Gatsby CMS solution

Use the Cosmic JS Headless CMS to power content for any website or app.

Trusted by leading digital teams all over the world