Iandi-Gatsby-Starter

A GatsbyJS starter using Graphcms and Rebass

You can see a demo here.

Why?

This project aims to provide a fast start when building GatsbyJS powered blogs that have all the PWA capabilities.

Features

• Blazing fast loading times thanks to pre-rendered HTML and automatic chunk loading of JS files
• Pre-configured to use GraphCMS API as data source
• Styled using Rebass and Styled Components
• Component structure following Atomic Design
• JustComments support
• Google Analytics support
• Facebook Analytics support
• Hotjar support
• Instant Search for posts powered by Algolia
• NPM scripts for GitHub Pages deployment
• Tags: separate page for posts under each tag
• SEO
  • Sitemap generation
  • robots.txt
  • General description tags
  • Schema.org JSONLD (Google Rich Snippets)
  • OpenGraph Tags (Facebook/Google+/Pinterest)
  • Twitter Tags (Twitter Cards)
• RSS feeds
• Loading progress for slow networks
• Offline support
• Web App Manifest support

Getting Started

Install this starter (assuming Gatsby is installed and updated) by running from your CLI:

gatsby new YourProjectName https://github.com/rdricco/Iandi-Gatsby-Starter
npm run develop # or gatsby develop

Or you can fork the project, make your changes there and merge new features when needed.

Alternatively:

git clone https://github.com/rdricco/Iandi-Gatsby-Starter YourProjectName # Clone the project
cd YourProjectname
rm -rf .git # So you can have your own changes stored in VCS.
npm install # or yarn install
npm run develop # or gatsby develop

TODO

• [Bug] Fix SEO
• Add push notification capabilities
• Improve slug generation
• Merge all theme variables

Contributing

Feel free to make suggestions, if you know a way to improve the starter kit send me a PR.