gatsby-starter-business

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.

Demo

Gatsby Starter Business

Features

• 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

Prerequisite

• Node
• Gatsby CLI (globally installed)

Getting Started

Create your own project with Gatsby CLI:

gatsby new yourbusinessname https://github.com/v4iv/gatsby-starter-business.git 

Available Scripts

Develop

Start a hot-reloading development environment accessible at localhost:8000

yarn start

Build

Get an optimized production build for your site generating static HTML and per-route JavaScript code bundles.

yarn build

Serve

gatsby serve — Gatsby starts a local HTML server for testing your built site.

yarn serve

Lint

Lint the code according to eslintrc file, for consistency.

yarn lint

Clean

Remove the .cache and public for a scratch compile.

yarn clean

Configuration

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.
}

Deployment

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