The Great
Daniel Sternlicht
September 2020
@dsternlicht
@dsternlicht
@dsternlicht
@dsternlicht
@dsternlicht
Daniel Sternlicht
Frontend Guild
@Outbrain
@dsternlicht
frontendtop10.dev
@dsternlicht
Client
π¨π½βπ»
π’
Database
π²
Server
Data
Html, CSS, JS
@dsternlicht
@dsternlicht
Client
π¨π½βπ»
π’
Database
π²
Server
Data
Data
Ajax
@dsternlicht
@dsternlicht
βGatsby is a React-based open source framework for creating websites and apps.β
@dsternlicht
@dsternlicht
Who is using Gatsby?
@dsternlicht
@dsternlicht
Initial State
Dynamic Content
@dsternlicht
But waitβ¦ Thereβs more!
@dsternlicht
Plugins
@dsternlicht
A quick recap
Gatsby is a static site generator
Under the hood it uses NodeJS, GraphQL, and React
Primary benefits are speed, security, and development experience
It has a stable and growing community
β
β
β
β
@dsternlicht
βTalk is cheap. Show me the codeβ
(Linus Torvalds)
@dsternlicht
$ npm install -g gatsby-cli
Gatsby CLI
@dsternlicht
$ gatsby new hello-gatsby
$ cd hello-gatsby
$ gatsby develop || npm start
New Gatsby App
@dsternlicht
Gatsby App Structure
@dsternlicht
Build Steps
@dsternlicht
@dsternlicht
Page Components
@dsternlicht
export const query
@dsternlicht
Β
Twitter:
Email:
Website:
GitHub:
LinkedIn:
Medium:
@dsternlicht
Thank You!