Made with Jekyll and deployed on Netlify!
You can test the demo site's TTFB (Time To First Byte) at testmysite.io
Simply click the deploy button to get your own copy of the repository deployed to Netlify:
This will setup everything needed for running the CMS:
- A new repository in your GitHub account with the code
- Full Continuous Deployment to Netlify's global CDN network
- Control users and access with Netlify Identity
- Manage content with Netlify CMS
After deploying this project, Netlify Identity will add you as a CMS user and will email you an invite. It is not necessary to accept this invite if you wish to use an OAuth provider (e.g. Github) to manage authentication for your CMS. It is recommended to use this method of authentication as it removes the need for an email & password to log in to the CMS and is generally more secure. You will need to add an OAuth provider in your Netlify app settings under "Settings" > "Identity" > "External providers".
Next, navigate to /admin
on your site, choose your OAuth provider from the
login box and you should then be logged into your CMS.
Now you're all set, and you can start editing content!
Note: if you switch the repo that was created to private, you'll need to regenerate your token, as the token generated using the deploy to Netlify button can only access public repositories. To regenerate your token, head to "Settings" in your Netlify site dashboard, go to the "Identity" section, then scroll to "Services" where you'll see an "Edit settings" button. Click that and you'll see a text link to "Generate access token in GitHub".
Clone this repository and run:
bundle install
bundle exec jekyll server --watch
Jekyll will watch your project folder for changes.
Now navigate to localhost:4000 to preview the site, and localhost:4000/admin to log into the CMS.
This is an ongoing project and I welcome contributions. Feel free to submit a PR.
If you need any help with setting up Netlify CMS, you can reach out to the Netlify team in the Netlify CMS Gitter.
- Spectre lib used for some css: https://picturepan2.github.io/spectre/index.html
- Slider.js on the homepage: https://kenwheeler.github.io/slick/
- Every Layout for custom web components: https://every-layout.dev/