Gatsby
Gatsby is a free and open source framework based on
React that helps developers build blazing fast websites
and apps
Slide 2
Slide 2 text
Gatsby is a
"static" website
generator
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
1. Modern web tech without the headache
2. Speed past the competition
3. Progressive Web App by default
4. Bring your own data
https://www.gatsbyjs.org/
Node runner
Data sources
Create node
(reducer)
Call onCreateNode
Provide data to query
Build
Slide 10
Slide 10 text
How to
query the
data
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
Data can be queried inside
pages, components, or the
gatsby-node.js file, using one of
these options:
1. The pageQuery component
2. The StaticQuery component
3. The useStaticQuery hook
Slide 15
Slide 15 text
No content
Slide 16
Slide 16 text
Performance
Optimization
Performance is hard. Let’s make Gatsby do the work.