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
Github
as addClient ID
andSecret
- 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-sitemap
Creates a sitemap for your Gatsby site in production.
- Changelog improvements
- Comments on
gatsby-config.js
- Comments on
static/admin/config.yml
gatsby-plugin-offline
drop-in support for making a GatsbyJS site work offline and more resistant to bad network connections.gatsby-plugin-manifest
configures 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