A presentation at JAMstack meetup in in Toronto, ON, Canada by Phil Hawksworth
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
In this session, we’ll demystify this new term, and explore how the approach to simplifying the technology stack can lead to shorter development times, with better performance and greater security.
We’ll also look at some of the ways Netlify can help to unlock the potential of the Jamstack, as a lightning quick route to deploying and hosting sites with high confidence and surprising flexibility.