Intro to GatsbyJS

What is GatsbyJS?

• Another JS library
• Static site generator for React
• Kyle Mathews & 34 other contributors

"Blazing-fast static site generator for React."

Site Generators

• Jekyll #1 - Ruby based
• Hugo #2 - Go based
• Gatsby #6 - React 
• Speed and Security

https://www.netlify.com/blog/2017/05/25/top-ten-static-site-generators-of-2017/

How to get started...

• node  & npm need to be installed

• $ npm i -g gatsby-cli

• $ gatsby new project-name

• $ cd project-name

• $ gatsby develop

Pros

• Use of latest React tools
• Supported by React community
• Hot reload content & code
• Reuse of code with componentization 

Cons

• Newbie
• Plugin configuration

Graphql

• Graph Query Language
• Built-in with GatsbyJS
• Gatsby has great tutorial

Demo Time

Resources

https://www.gatsbyjs.org/​