The Future of JavaScript Apps is Gatsby.js
🔥

Why do engineers like logic?

More Reliable

Clear Expectations

Confidence

OPINIONS

🙋‍♀️ 🙋‍♂️

Like create-react-app?

Built a side project with create-react-app?

Shipped a production app with create-react-app?

Agenda

• What is Gatsby.js?
• Developer tooling + experience
• Companies using Gatsby
• Demo (Gatsby starter vs create-react-app)
• Future opportunities
• Where to get started
• Other considerations

What is Gatsby.js?

⚛️ Framework for building React apps and websites

💼 Allows you to bring your own data (i.e. Markdown, headless CMS, Databases, etc.) - JAMstack

🔌 Plugin ecosystem (+700)

🔥 Blazing fast, modern JS/CSS, code-splitting, data-prefetching

Developer Experience 👌🏼

📄 Beginner-friendly docs

💜 Wonderful community

♨️ Performance + routing baked-in

Companies using Gatsby

https://reactjs.org/

https://www.shopflamingo.com/

https://gm.capitalone.com/

https://justdoit.nike.com/

https://www.algolia.com/

https://www.carbondesignsystem.com/

CRA vs. Gatsby - Out of the Box

create-react-app

gatsby-starter-hello-world

gatsby-starter-default

gatsby-starter-blog

Other Considerations

What if I don't like React?

What if I don't need routing?

GraphQL isn't beginner-friendly

What if I need a custom Node/Express server?

Future opportunities

Themes - Apollo docs built with Gatsby themes

Preview - Introducing Gatsby Preview Beta

Customize GraphQL schema - New Schema Customization API - Available in Gatsby 2.2.0

Getting Started with Gatsby

Summary

Gatsby == opinionated `create-react-app` with some benefits

Future looks bright for Gatsby

Prediction: more apps/sites will be built with Gatsby

Try Gatsby

FREE SOCKS

Thank you! 🙏🏼

• future-js-gatsby.netlify.com
• gatsbyjs.org