FAST BY DEFAULT ⚡
PERFORMANCE MATTERS FOR YOUR BUSINESS
THE ETHICS OF WEB PERFORMANCE
PERFORMANCE MATTERS FOR INCLUSION
PERFORMANCE MATTERS FOR INCLUSION
PERFORMANCE MATTERS FOR INCLUSION
PERFORMANCE ENABLES NEW USERS
PERFORMANCE MATTERS FOR THE ENVIRONMENT
PERFORMANCE MATTERS FOR THE ENVIRONMENT
PERFORMANCE MATTERS FOR THE ENVIRONMENT
Hi
HOW TO ACHIEVE PERFORMANCE ON THE WEB?
TODAY MARKS THE REIGN OF CLIENT-RENDERED SINGLE PAGE APPLICATIONS ⚙
SINGLE PAGE APPLICATIONS MADE GREAT PRODUCTS POSSIBLE
BEFORE THEN, SERVER RENDERING WAS KING 👑
OL’ MYSPACE
IN THE BEGINNING THERE WAS STATIC 💎
WE LOST PERFORMANCE DURING OUR JOURNEY
CAN WE RECONCILIATE INTERACTIVENESS OF TODAY WITH PERFORMANCE OF THE 90”?
MEET GATSBYJS
REQUEST FLOW
IS GATSBY THAT FAST?
IT ALL STARTED WITH A BEER
PARIS HAS A LOT OF COMMUNITIES
THE JAMSTACK
GATHERING JAMSTACK COMMUNITY IN PARIS
300 MEMBERS, 5 MEETUPS
WE WANTED A FAST WEBSITE TO COMMUNICATE
WE USE MEETUP.COM TO ORGANIZE THE MEETUPS
OUR NEEDS 📅
HERE IS THE FINAL RESULT
📅 DISPLAYS MEETUPS FROM MEETUP.COM API
DATA FLOW IN GATSBY SITE
PULL DATA FROM SOURCE WITH SOURCE PLUGINS
SOURCE PLUGINS ARE NPM PACKAGES
DATA IS FETCHED AND MAPPED AT BUILD TIME
QUERY DATA WITH GRAPHQL 📢
GRAPHiQL TO HELP YOU TINKER WITH QUERIES
DATA CAN BE QUERIED IN CODE
PASS DATA TO REACT COMPONENTS
ADD A BIT OF STYLING 🎨 … RUN A BUILD ⚙
JAMSTACK.PARIS 1.1 🎉
CHECKLIST WHEN WORKING WITH DATA
📸 PICTURE GALLERY
📸 PICTURE GALLERY
IMAGES ARE HARD TO GET RIGHT
IN GATSBY IMAGES ARE DATA LIKE OTHERS
Install and configure related source plugin ⚙
Get your GraphQL right with GraphiQL
Get your GraphQL right with GraphiQL
IMAGES WERE HARD TO GET RIGHT
📸 FAST RENDERING OUT OF THE BOX
Get your GraphQL right with GraphiQL
📸 SMOOTH TRANSITION
⚡ PERFORMANCE
FAST, BY DEFAULT
ROUTE BASED CODE SPLITTING
MANUAL CODE SPLITTING IS HARD WITH WEBPACK
GATSBY AUTOMATICALLY SPLITS YOUR CODE BY PAGE
SUBPAGES ARE PREFETCHED ON LINK HOVER
OTHER BUILT-IN OPTIMIZATIONS
IMO GATSBY DOES FULFILL ITS PROMISES
GATSBY LIMITS
BUILD TIME IS CORRELATED TO CONTENT SIZE
ERRORS MAY BE MYSTERIOUS
SUM-UP
IF YOU WANT TO BEGIN WITH GATSBY
GATSBY IS PART OF A BIGGER ECOSYSTEM : THE JAMSTACK
BEFORE LEAVING, A QUICK TASTE OF GATSBY THEMES
THANKS