NOTE: Updated for gatsby-starter-business v2.1

Gatsby JS brought something that everyone was waiting for, a React JS based static site generator, and that too a powerful one. True to their boast that it’s really hard to make a sloppy website with Gatsby, making it amazing for marketing websites.

When I was writing a website for my company, I found my self wanting a Gatsby starter with the following requirements:

It should be powered by Netlify CMS.

It should be SEO friendly.

It should at least have a home page and blog page.

It should allow proper styling using some CSS framework like Bootstrap or Bulma.

While all these features are available in various starters, none of them was a complete package. So, I decided I’ll make one myself:

gatsby-starter-business

Starting a new Gatsby Project

Assuming you already have Gatsby CLI installed, to start a new Gatsby JS Project using Gatsby-Starter-Business, open your terminal and run this:

$ gatsby new < your_project_name > https://github.com/v4iv/gatsby-starter-business

This will create a clone of Gatsby Starter Business, with project name you gave earlier.

Get Started With Gatsby Starter Business

To configure Gatsby Starter Business, open config.js file. Change the required variables and save it. And push it to a new repository in your Github.

module . exports = { siteTitle : 'Gatsby Starter Business' , siteTitleAlt : 'Business' , siteLogo : '/icons/icon-512x512.png' , siteUrl : 'https://gatsby-starter-business.netlify.com' , pathPrefix : '/' , siteDescription : 'Leverage Gatsby Business Starter for your Business.' , siteRss : '/rss.xml' , siteFBAppID : '' , googleTagManagerID : '' , disqusShortname : 'gatsby-business-starter' , userName : 'Vaibhav Sharma' , userTwitter : 'vaibhaved' , userLocation : 'Delhi NCR, India' , userDescription : '' , copyright : 'Copyright © Gatsby Starter Business 2018. All Rights Reserved.' , themeColor : '#00d1b2' , backgroundColor : '#ffffff' , }

Then from Netlify dashboard create a new site from Github for the same repository, and deploy it.

Once done go to Netlify settings page, and enable Identity, set registration preference and Git Gateway. Create a user from the identity tab of Netlify and visit https://yoursiteaddress/admin/#/ login with your Netlify credentials and you’ll be on the admin page. Now you can easily edit pages or add new blog articles.