Netlify CMS

Netlify CMS backend for editing data and site pages

Profile picture
Developed and Written by: Donald Boulton🎉 0

Netlify CMS App
Netlify CMS App

Netlify CMS

🔥 Static + content management = ❤️

🔗 CMS Site

Netlify Cms App

Netlify CMS adding to Gatsby with netlify-cms-app, is the best way to do it in 2020 as Netlify Cms App Netlify CMS app always creates its own DOM element for mounting the application.

Best advice if you want to use Netlify CMS with Gatsby is to follow the Code in Gatsby Starter Netlify Cms.

Added presentation slides from Netlify Cms Presentations

Or check out how I did it in this website in my PubliusLogic Github Repo.

There is lots of documentation on Netlify CMS so I do not have to rewrite that here.

Get the speed, security, and scalability of a static site, while still providing a convenient editing interface for content.

An integrated part of your Git workflow Content is stored in your Git repository along side your code for easier versioning, multi-channel publishing, and the option to handle content updates directly in Git.

An extensible CMS

Netlify CMS is built as a single-page React app. Create custom-styled previews, UI widgets, and editor plugins or add a backend to support different Git platform APIs. My Netlify CMS backend will build and add Pages, Posts, My layout components with Event data for GCal fullCalendar localized events, Notifications, Authors, Products, Site Updates and charts data using charts.js displaying build, sales and analytics charts data on individual pages and posts. All edited from a CMS Backend on a Static Website!


yarn add gatsby-plugin-netlify-cms netlify-cms-app

gatsby.config file add


CMS file in src

Add to folder under src/cms/cms.js


The Configuration file

Change this config.yml file to your site needs.