Install Jekyll

See Jekyll install doc

Version your project

See Git documentation

Repo here

Install Decap CMS

ref : Decap CMS documentation for Jekyll

Create an admin folder at the root of your site.

Create an index.html file containing :

<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Content Manager</title>
    <!-- Include the identity widget -->
    <script src="https://identity.netlify.com/v1/netlify-identity-widget.js" type="text/javascript"></script>
  </head>
  <body>
    <!-- Include the script that builds the page and powers Decap CMS -->
    <script src="https://unpkg.com/decap-cms@^3.0.0/dist/decap-cms.js"></script>
  </body>
</html>

And a config.yml file containing :

backend:
  name: git-gateway
  branch: main

media_folder: 'assets/uploads'

collections:

* name: 'blog'
      label: 'Blog'
      folder: '_posts/'
      fields:
        - { name: Title }

Deploy to Netlify

Follow the steps : Add new site > Import an existing project

Site config here

Activate Netlify Identity

From site overview > Integrations > Identity

  1. Activate Identity
  2. From Identity > Services : Activate Git Gateway

Local development

Netlify CLI documentation

# Install Node Version Manager

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash
nvm install node

# Install Netlify CLI

npm install netlify-cli -g

# And run it

netlify dev