Gatsby

The Dynamic Site Generator

Gatsby

The Ephemeral API Generator

Assumptions

Familiarity with JavaScript/React

Basic Express API understanding

Nice to haves

Basic understanding of SSGs​

Created basic Gatsby blog

Basic experience with consuming graphQL

What's covered

Overview of Gatsby

Generating content build time

Fetching dynamic content run time

Fetching dynamic protected content run time

Generating protected content build time

Generating Protected Content

at

BUILD TIME!

Problem

Nifty Gif

Static - fast, build audience

Favourites - cannot be statically built

Special gifs - need to protect them!

Gatsby Overview

Gatsby

Dynamic

Generating Content

Build Time

Fetching Dynamic Content

Run Time

Easy

Fetching Dynamic Protected Content

Run Time

Demo

Generating Protected Content

Build Time

Problem

Maintaining API

Different sources of truth

Markdown is cool

REST APIs are not cool

Demo

Caching

Demo

Summary

Gatsby

Build

Run

API

MongoDB

Build

API

MongoDB

Public

Protected

Blogs

Blogs

Run

API

MongoDB

Public

Protected

Blogs

Clarifications

Any SSG

Dropping Content Only