GETTING STUCK IN TO JAMSTACK PHIL HAWKSWORTH

netlify QUICKLY SAY HELLO JAMstack - Serious Business Smashing Conference, Toronto, June 2019 BRIEFLY INTRODUCE CONCEPTS @philhawksworth HELPFULLY OUTLINE BENEFITS SHAMBOLICALLY SHOW SOME DEMOS HAPPILY ANSWER QUESTIONS

netlify JAMstack - Serious Business Smashing Conference, Toronto, June 2019 @philhawksworth @ PHIL HAWKSWORTH DEVELOPER EXPERIENCE, NETLIFY

netlify JAMstack - Serious Business Pixel Pioneers, June 2019 @philhawksworth STACKS FOR DAYZ AN / LAMP / MAMP / XAMP / ROR / WISA / MEA WISA / MEAN / LAMP / MAMP / XAMP / ROR /

netlify JAMstack - Serious Business Smashing Conference, Toronto, June 2019 @philhawksworth ISN’T JAMSTACK JUST ANOTHER WORD FOR STATIC SITES? SOME PEOPLE, WHO HAVE BEEN AROUND A WHILE

netlify JAMstack - Serious Business Smashing Conference, Toronto, June 2019 @philhawksworth k c a t s m ja JAVASCRIPT / API / MARKUP

netlify JAMstack - Serious Business Smashing Conference, Toronto, June 2019 @philhawksworth k c a t s m a j A modern architecture — Create fast and secure sites and dynamic apps with JavaScript, APIs, and pre-rendered Markup, served without web servers

netlify JAMstack - Serious Business Smashing Conference, Toronto, June 2019 @philhawksworth TRADITIONAL vs JAMSTACK

netlify JAMstack - Serious Business l a n o i it d a r t k c a t s m ja Smashing Conference, Toronto, June 2019 CDN @philhawksworth LOAD BALANCER WEB SERVERS DB SERVERS

netlify JAMstack - Serious Business Smashing Conference, Toronto, June 2019 @philhawksworth SIMPLIFYING e h t STACK

netlify JAMstack - Serious Business l a n o i it d a r t k c a t s m ja Smashing Conference, Toronto, June 2019 CDN @philhawksworth LOAD BALANCER WEB SERVERS DB SERVERS

netlify JAMstack - Serious Business Smashing Conference, Toronto, June 2019 @philhawksworth k c a t s m ja REQUEST TIME BULD TIME DEPLOYMENT BUILD

netlify JAMstack - Serious Business GET TO THE CHOPPER CDN Smashing Conference, Toronto, June 2019 @philhawksworth

netlify JAMstack - Serious Business Pixel Pioneers, June 2019 @philhawksworth k c a t s m ja JAVASCRIPT / API / MARKUP & & E E R H T L L A e s u o t e v a h ‘t n o d u yo

netlify JAMstack - Serious Business Pixel Pioneers, June 2019 @philhawksworth ? k c a t s m a j is it JEKYLL YAML NO JS NO APIs GITHUB PAGES yes GATSBY MARKDOWN GRAPHQL APIs JS HYDRATION AMAZON S3 yes HUGO MARKDOWN JS INTERACTIONS NO APIs GOOGLE CLOUD yes ORIGIN SERVER NUXT JSON JS INTERACTIONS COMMERCE APIs NETLIFY yes HAND-MADE PWA WEBPACK JWT BROWSER APIs AZURE yes

netlify JAMstack - Serious Business Smashing Conference, Toronto, June 2019 @philhawksworth JAMSTACK s n a e m CAPABLE OF BEING SERVED DIRECTLY FROM A CDN

netlify JAMstack - Serious Business Smashing Conference, Toronto, June 2019 @philhawksworth ENJOYS THE BENEFITS of SERVING STATIC ASSETS

netlify JAMstack - Serious Business Pixel Pioneers, June 2019 @philhawksworth A GREATLY REDUCED SURFACE AREA

netlify JAMstack - Serious Business l a n o i it d a r t k c a t s m ja Pixel Pioneers, June 2019 CDN @philhawksworth LOAD BALANCER WEB SERVERS DB SERVERS

netlify JAMstack - Serious Business Pixel Pioneers, June 2019 @philhawksworth TRADITIONAL STACKS ADD STATIC LAYERS IN ORDER TO IMPROVE PERFORMANCE

netlify JAMstack - Serious Business Pixel Pioneers, June 2019 @philhawksworth CACHING GALORE

netlify JAMstack - Serious Business l a n o i it d a r t k c a t s m ja Pixel Pioneers, June 2019 CDN @philhawksworth LOAD BALANCER WEB SERVERS DB SERVERS

netlify JAMstack - Serious Business Pixel Pioneers, June 2019 @philhawksworth TRADITIONAL STACKS ADD INFRASTRUCTURE IN ORDER TO SCALE

netlify JAMstack - Serious Business l a n o i it d a r t k c a t s m ja Pixel Pioneers, June 2019 CDN @philhawksworth LOAD BALANCER WEB SERVERS DB SERVERS

netlify JAMstack - Serious Business Smashing Conference, Toronto, June 2019 @philhawksworth OK! WILL YOU PLEASE JUST SHOW US SOMETHING? PROBABLY MANY OF YOU, BY NOW

netlify JAMstack - Serious Business Pixel Pioneers, June 2019 @philhawksworth JAMSTACK SITES USING NETLIFY

netlify JAMstack - Serious Business Pixel Pioneers, June 2019 @philhawksworth REACTJS.ORG REACTJS.ORG STATIC

netlify JAMstack - Serious Business Pixel Pioneers, June 2019 @philhawksworth YARNPKG.COM REACTJS.ORG STATIC

netlify JAMstack - Serious Business Pixel Pioneers, June 2019 VUEJS.ORG REACTJS.ORG @philhawksworth

netlify JAMstack - Serious Business Pixel Pioneers, June 2019 DOCS.CITRIX.COM SMASHINGMAGAZINE.COM @philhawksworth

netlify JAMstack - Serious Business Pixel Pioneers, June 2019 SMASHINGMAGAZINE.COM SMASHINGMAGAZINE.COM @philhawksworth

netlify JAMstack - Serious Business Pixel Pioneers, June 2019 @philhawksworth PLATFORMS from 5 to 1 https://www.netlify.com/case-studies/smashing/

netlify JAMstack - Serious Business Pixel Pioneers, June 2019 @philhawksworth WE HAD SOME CACHING ISSUES… WITH PROBABLY EVERY SINGLE WORDPRESS CACHING PLUGIN OUT THERE VITALY FRIEDMAN

netlify JAMstack - Serious Business Pixel Pioneers, June 2019 @philhawksworth SMASHINGMAGAZINE.COM TIME TO FIRST LOAD m o r f to 800MS 80MS https://www.netlify.com/case-studies/smashing/

netlify JAMstack - Serious Business Smashing Conference, Toronto, June 2019 @philhawksworth OFFERS MANY POSSIBILITIES o t s k n a th AN EXPLOSION IN TOOLS AND SERVICES

netlify JAMstack - Serious Business Smashing Conference, Toronto, June 2019 @philhawksworth STATIC SITE GENERATORS staticgen.com NETLIFY STATIC VARIOUS RELATED RESOURCES FROM CHRIS COYIER www.netlify.com https://serverless.css-tricks.com/ CITRIX PRESENTATION FROM JAMSTACKCONF NYC youtube.com/watch?v=kvS5h5domf0

netlify JAMstack - Serious Business Smashing Conference, Toronto, June 2019 @philhawksworth JAMSTACK CONFERENCE jamstackconf.com HEADLESS / DECOUPLED CMS STATIC ABOUT THE JAMSTACK / COMMUNITY headlesscms.org jamstack.org THE NEW DYNAMIC www.thenewdynamic.org/

THANKS @PHILHAWKSWORTH