This simple website built with GatsbyJS and Netlify CMS. Deploys on netlify with single click.
Install this starter locally: (assuming you already have NodeJS and GatsbyJS installed)
gatsby new gatsby-starter-delog https://github.com/zakirsajib/gatsby-starter-delog- Built with GatsbyJS and Netlify CMS
- Option to Add, Edit, Update and Delete posts via Netlify CMS
- SEO friendly - Option to Add meta description
- Comes with dark mode
- Once you hit "Deploy to Netlify"
- Connect Github
- Enter Repository Name
- And your site starts build process. After the build process your website is live
You need to change repo URL to your own repo at /static/admin/config.yml, for example username/repo-name
- Goto Github Developer Settings
- New OAuth
- Enter Application name
- Homepage URL as Netlify URL
- And Authorization callback URL to
https://api.netlify.com/auth/done) - Once Client ID and Secret token is generated configure same in Netlify Access Control as described.
- Goto your Netlify site admin
- Goto Access Control > OAuth then Install Provider you need to select provider as
Githubas addClient IDandSecret - Your Netlify CMS is ready. Goto you netlify site URL and append
/admin/. for exampleexample.netlify.com/admin/, You will see login with Github button.
- Once logged in you will find all the blog post listed here.
- You can create, edit, update and delete like any CMS
Inside you Netlify CMS admin, Settings > Config or you can go to site-meta-data.json. Here you can edit following details
- Title
- Description
- Site URL
- Homepage Title
- Homepage Description
Change trackingId in gatsby-config.js at gatsby-plugin-google-analytics plugin
For issues,feedback on enhancement or sharing your new awesome website built with delog. Create New Issue Here
All notable changes to this project are listed here.
- Custom 404 page.
- Site name will be appended in blog posts and contact page.
- Reordering fields in Netlify CMS for better flow of post creation.
- Validation for path in Netlify CMS
- Settings page in Netlify CMS to customize site meta data.
- Site meta data is pulled from
site-meta-data.json. maintained via Netlify CMS
gatsby-plugin-sitemapCreates a sitemap for your Gatsby site in production.
- Changelog improvements
- Comments on
gatsby-config.js - Comments on
static/admin/config.yml
gatsby-plugin-offlinedrop-in support for making a GatsbyJS site work offline and more resistant to bad network connections.gatsby-plugin-manifestconfigures GatsbyJS to create a manifest.webmanifest file on every site build
- GatsbyJS Increment builds with Netlify deployment
- Dark mode compatibitly and toggle for user preference
- Launch of GatsbyJS and Netlify CMS based starter
gatsby-starter-delog