Skip to content
A starter project for creating lightning-fast, offline-first websites with Netlify-CMS and React
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
content Update README & Changelog Sep 14, 2019
src Fix date format Sep 14, 2019
.prettierrc Update changelog Sep 14, 2019
netlify.toml Add netlify.toml Nov 16, 2017
sw-precache-config.js Add /images/ to runtimeCaching Feb 2, 2018

Netlify CMS + React Starter

Standard - JavaScript Style Guide styled with prettier dependencies Netlify Status

A starter project for creating lightning-fast, offline-first websites with Netlify CMS and React.

I aim to include commonly used components and best-practices e.g. forms, settings, tags, lazy-loading images, etc.

Get going

Deploy to Netlify

  1. Hit the Deploy to Netlify button. This will:
  • Clone the repo into your Github account
  • Create you a new project on Netlify, build & deploy
  1. Once your Netlify project has been created, check a couple of settings:
  • Enable Identity
  • Change Registration Preferences to Invite Only
  • Enable Git Gateway
  1. Invite users (probably yourself) to enable admin access
  • Open the Identity tab and hit Invite Users

Show me the CMS!

The CMS lives at


  1. Clone your repo to your local machine

  2. Install dependencies

yarn or npm install

  1. 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:

  1. Changes will be pushed to the remote repo.

  2. 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 on localhost:3000.

Editing CMS fields

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.

See also

Netlify CMS Docs
Netlify CMS Repo
Hyperstatic – the same starter project minus Netlify CMS
Gatsby + Netlify CMS Starter (Gatsbro)

You can’t perform that action at this time.