hurnhu / netlifycms-gridsome

Netlify CMS template for Gridsome

A simple, hackable & minimalistic starter for Gridsome that uses Netlify CMS for content.

Features

• Beautiful and simple design.
• Markdown for content.
• Tags support.
• Dark / Light toggle.
• CSS variables, SCSS & BEM for styling.
• 100, 100, 100, 100 score on Google Lighthouse.
• Uses same front-matter fields as Dev.to.

Demo URL

https://netlifycms-gridsome.suits.at/

Deploy to Netlify

Enable Identity

Enable the netlify identity service at https://app.netlify.com/sites/YOUR-SITE/settings/identity. For exact instructions see https://www.netlify.com/docs/identity/. You might want to enable Git Gateway as well https://www.netlify.com/docs/git-gateway/.

Edit content

Access yourwebsite.com/admin, e.g. netfliycms-gridsome.netlify.com/admin or locally this might be localhost:3000/admin.

Install locally

1. Install Gridsome CLI tool if you don't have

npm install --global @gridsome/cli

2. Install this starter

1. gridsome create my-gridsome-site https://github.com/suits-at/netlifycms-gridsome
2. cd my-gridsome-site to open folder
3. gridsome develop to start local dev server at http://localhost:8080
4. Happy coding 🎉🙌