A Gatsby v2 and Netlify CMS powered generic business website.
It follows the JAMstack architecture by using Git as a single source of truth, and Netlify for continuous deployment, and CDN distribution.
- Complete Business Website Suite - Home Page, About Page, Pricing Page, Contact Page and Blog
- Netlify CMS for Content Management
- SEO Friendly (Sitemap, Schemas, Meta Tags, GTM etc)
- Bulma and Sass Support for styling
- Progressive Web App & Offline Support
- Tags and RSS Feed for Blog
- Disqus and Share Support
- Elastic-Lunr Search (NEW)
- Pagination (NEW)
- Contact Form (Netlify Forms)
- Easy Configuration using
config.js
file
- Node
- Gatsby CLI (globally installed)
Create your own project with Gatsby CLI:
gatsby new yourbusinessname https://github.com/v4iv/gatsby-starter-business.git
Start a hot-reloading development environment accessible at localhost:8000
yarn start
Get an optimized production build for your site generating static HTML and per-route JavaScript code bundles.
yarn build
gatsby serve — Gatsby starts a local HTML server for testing your built site.
yarn serve
Lint the code according to eslintrc file, for consistency.
yarn lint
Remove the .cache and public for a scratch compile.
yarn clean
To personalize and configure this Starter open config.js
file and replace the default values.
module.exports = {
siteTitle: 'Gatsby Starter Business', // Site title.
siteTitleAlt: 'Business', // Alternative site title for SEO.
siteLogo: '/icons/icon-512x512.png', // Logo used for SEO and manifest.
siteUrl: 'https://gatsby-starter-business.netlify.com', // Domain of your website without pathPrefix.
// Do not use trailing slash!
pathPrefix: '/', // Prefixes all links. For cases when deployed to example.github.io/gatsby-starter-business/.
siteDescription: 'Leverage Gatsby Business Starter for your Business.', // Website description used for RSS feeds/meta description tag.
siteRss: '/rss.xml',
siteFBAppID: '', // FB Application ID for using app insights
googleTagManagerID: '', // GTM tracking ID.
disqusShortname: 'gatsby-business-starter', // Disqus shortname.
userName: 'Vaibhav Sharma',
userTwitter: 'vaibhaved',
userLocation: 'Delhi NCR, India',
userDescription: '',
copyright: 'Copyright © Gatsby Starter Business 2018. All Rights Reserved.', // Copyright string for the footer of the website and RSS feed.
themeColor: '#00d1b2', // Used for setting manifest and progress theme colors.
backgroundColor: '#ffffff', // Used for setting manifest background color.
}
Clicking the button will ask for authentication via Github, which will create a repo in your github account with this starter. Then, it will build and deploy the site to Netlify.
You can read up on how to set up Identity(Authentication for CMS User) here How To Set Up Netlify CMS