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/​

Made with Slides.com