Netlify CMS
Netlify CMS backend for editing data and site pages
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!
Installation
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.