Gatsby eats APIs

👋

first time

Scott Spence

est. 2018

Warning!

Excessive use

of GIFs

Memes and Emoji

Sorry

not sorry

How about that GraphQL stuff?

Poll 💈

History lesson

(quick)

What's GraphQL? 🤔

It's not

A library or a framework.

A database technology.

It is

A query language.

For querying APIs.

A single endpoint for your data

Named terribly

A great way to see the shape of your data

  • REST API
  • Multiple Endpoints (GET /users, POST /product, ...)
  • JSON Data is Exchanged
  • Any Server-side Language, any frontend framework
  • Stateless
  • GraphQL API
  • One Endpoint Only (POST /graphql)
  • JSON Data is Exchanged
  • Any Server-side Language, any frontend framework
  • Stateless

Example

Imagine your REST API is a vending machine

You select data parts individually and collect.

With GraphQL it's like enabling shopping basket

so you can get everything in one go

Why Gatsby? 🤔

Speed

🏎

Perf

People want things fast

google logo

Since 2010

How users interact with your site

could impact rankings

Click through rates

Time spent on page

Return rate

Bounce Rate & Conversions

where it really matters

💷 💳 💸 🤑

How fast is fast enough?

2 seconds ⏱

FAST

BLAZING FAST 🚀

Gatsby 💜's GraphQL

GraphQL layer built in

There are three main ways to get data into a Gatsby site.

Build time

yarn gatsby build

At build time outside of the data layer, using unstructured data.

At build time outside of the data layer, using unstructured data.

At run time, fetching from the client.

🧐