All Projects â†’ Jinksi â†’ Netlify Cms React Starter

Jinksi / Netlify Cms React Starter

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

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Netlify Cms React Starter

Next Js Blog Boilerplate
🚀 Nextjs Blog Boilerplate is starter code for your blog based on Next framework. ⚡ī¸ Made with Nextjs, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS.
Stars: ✭ 134 (+71.79%)
Mutual labels:  netlify, static-site-generator, static-site, starter
Headlesscms.org
Source for headlesscms.org
Stars: ✭ 628 (+705.13%)
Mutual labels:  netlify, static-site-generator, static-site
11tyby
Simple 11ty setup using TypeScript, SASS, Preact with partial hydration, and other useful things. Aims to provide the DX of Gatsby, but using 11ty!
Stars: ✭ 38 (-51.28%)
Mutual labels:  static-site-generator, starter, static-site
Gatsby Starter Ghost
A starter template to build lightning fast websites with Ghost & Gatsby
Stars: ✭ 752 (+864.1%)
Mutual labels:  netlify, static-site-generator, static-site
Eleventy Starter Boilerplate
🚀 Eleventy Starter is production-ready with SEO-friendly for quickly starting a blog. ⚡ Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS and Netlify CMS (optional).
Stars: ✭ 139 (+78.21%)
Mutual labels:  netlify, static-site-generator, static-site
Gatsby Starter Netlify Cms
Example gatsby + netlify cms project
Stars: ✭ 1,932 (+2376.92%)
Mutual labels:  netlify, static-site-generator, starter
nuxt-starter-netlify-cms
Example nuxt + netlify cms project. Nuxt port of Gatsby starter app.
Stars: ✭ 13 (-83.33%)
Mutual labels:  static-site-generator, starter, netlify
nextjs-blog-starter-kit
NextJS Blog + Contentful Typescript Starter kit with Static Export 🚀
Stars: ✭ 56 (-28.21%)
Mutual labels:  starter, static-site, netlify
Skeleventy
A skeleton boilerplate built with Eleventy.
Stars: ✭ 318 (+307.69%)
Mutual labels:  netlify, static-site-generator, static-site
Microsite
Do more with less JavaScript. Microsite is a smarter, performance-obsessed static site generator powered by Preact and Snowpack.
Stars: ✭ 632 (+710.26%)
Mutual labels:  static-site-generator, static-site
Forty Jekyll Theme
A Jekyll version of the "Forty" theme by HTML5 UP.
Stars: ✭ 695 (+791.03%)
Mutual labels:  static-site-generator, static-site
Netlify Rebuild
WordPress Plugin to trigger Netlify rebuild
Stars: ✭ 19 (-75.64%)
Mutual labels:  netlify, static-site
Wowchemy Hugo Modules
đŸ”Ĩ Hugo website builder, Hugo themes & Hugo CMS. No code, build with widgets! 创åģē在įēŋč¯žį¨‹īŧŒå­Ļ术įŽ€åŽ†æˆ–初创įŊ‘įĢ™ã€‚
Stars: ✭ 6,093 (+7711.54%)
Mutual labels:  netlify, static-site-generator
Wp2static
WordPress static site generator for security, performance and cost benefits
Stars: ✭ 952 (+1120.51%)
Mutual labels:  netlify, static-site-generator
Staticgen
Static website generator that lets you use HTTP servers and frameworks you already know
Stars: ✭ 628 (+705.13%)
Mutual labels:  static-site-generator, static-site
Jmmasw
Just make me a static website
Stars: ✭ 13 (-83.33%)
Mutual labels:  static-site-generator, static-site
Static Site Generators
A definitive list of tools for generating static websites.
Stars: ✭ 553 (+608.97%)
Mutual labels:  static-site-generator, static-site
Generator Infinitely Static
đŸ’Ģ Static page generator with routes support thats infinitely awesome
Stars: ✭ 11 (-85.9%)
Mutual labels:  static-site-generator, static-site
Flybook
✈ī¸ FlyBook is a simple utility to generate static website such as gh-pages, manual of you projects
Stars: ✭ 76 (-2.56%)
Mutual labels:  static-site-generator, static-site
Awesome Jamstack
Carefully curated list of awesome Jamstack resources
Stars: ✭ 1,012 (+1197.44%)
Mutual labels:  static-site-generator, static-site

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 __YOUR_SITE_NAME__.netlify.com/admin.

Developing

  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)

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].