GitCMS

Git-based CMS for
Gatsby Sites

Power your Gatsby site with modern content management. GitCMS integrates seamlessly with Gatsby's GraphQL data layer and build process.

Add to Chrome - It's Free!

Loved by 100+ Gatsby Developers
and Content Writers

Learn More

Hover to compare

How to Setup GitCMS for Gatsby 🚀

Get started with GitCMS in your Gatsby project in under 5 minutes

Install GitCMS Extension

Navigate to your Gatsby GitHub repository and click on the GitCMS icon in your Chrome extension menu. Click the 'Init' button to begin setup.

Setup Gatsby Repository

Enter your Gatsby site's URL and specify the media folder where your content assets will be stored. This creates an organized structure for all your media files.

Configure Collections

Create collections to organize your Gatsby content. Specify collection names and folder paths for your markdown files to establish a clear content structure that works perfectly with Gatsby.

Setup Frontmatter Schema

Define your frontmatter schema with various field types including title, text, datetime, media, and more to create a rich content editing experience tailored for Gatsby projects.

Edit and Preview Content

Use GitCMS's rich text editor to create and edit your Gatsby content. Preview your changes instantly before committing. The extension provides a side-by-side view of your markdown and rendered content.

Deploy Your Gatsby Site

Set up GitHub Actions workflows to automatically build and deploy your Gatsby site whenever content changes are pushed. Compatible with Netlify, Vercel, GitHub Pages, Cloudflare Pages, and other popular hosting platforms.