Based on Netlify CMS + React Starter
-
Clone the repo to your local machine
-
Remove the remote
git remote rm origin
-
Create a new empty repo on Github
-
Add this new repo address to your local repo and push
git remote add origin ______ && git push -u origin master
-
Create a new project on Netlify from your new Github Project
-
Once your Netlify project has been created, change a couple of settings:
- Enable Identity
- Change Registration Preferences to Invite Only
- Enable Git Gateway
-
Invite users (probably yourself) to enable admin access
- Open the Identity tab and hit Invite Users
-
Wait for the deploy to finish (first build takes longer)
The CMS lives at _YOUR_SITE_NAME_.netlify.com/admin.
-
Clone your repo to your local machine
-
Install dependencies
yarn
or npm install
- Run the development server
yarn start
or npm run start
If you are adding or editing content locally in the CMS, a couple of things to note:
-
Changes will be pushed to the remote repo.
-
You will be prompted to enter your site's url, this is necessary for Netlify Identity to manage user login. This is stored in
localStorage
, so you might have to empty your browser cache if you are switching projects but remaining onlocalhost:3000
.
The Netlify CMS configuration is located in public/admin/config.yml
. This is where you will configure the pages, fields, posts and settings that are editable by the CMS.
Find out more in the Netlify CMS Docs.
Netlify CMS Docs
Netlify CMS Repo
Hyperstatic – the same starter project minus Netlify CMS
Gatsby + Netlify CMS Starter