Netlify CMS backend for editing data and site pages
🔥 Static + content management = ❤️
🔗 CMS Site
Republished and edited 9/3/2022
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.
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!
Add to folder under src/cms/cms.js
Change this config.yml file to your site needs.
After a successful build, look in your build public folder you have a folder called admin,
You can copy this to your desktop and use in to replace you /static/admin folder and remove everything you added to gatsby above as you do not need the
gatsby-plugin-netlify-cms plugin nor it in your
gatsby-config.ts, and remove the cms folder from src. Now you need just some link to /admin in your site to access your Content Manager.
Save 25mb of stuff off of your build. On my site about a minute of build time. I edited the index.html file with a header and footer and my own background color.