Quick introduction and major misconceptions A live demo of the watch party app built in NuxtJS What is jamstack WATCH PARTY DEMO WHAT WILL WE COVER 01. 02. App architecture ABLY AND STRAPI CODE WALKTHROUGH Understanding which piece fits where and how it all works together Diving into the GitHub repo Key realtime and CMS concepts 03. 04. 05. Polls and q/a throughout @Srushtika | @ablyrealtime | @malgamves | @strapijs
Traditional tRADITIONAL WEBSITES VS JAMSTACK Web browser CDN Load balancer Web server Database/ SaaS Web browser CDN JAMstack Original explanation credits to Phil Hawksworth @philhawksworth @Srushtika | @ablyrealtime | @malgamves | @strapijs
Understanding which piece fits where in the watch party and how it all works together architecture 02. @Srushtika | @ablyrealtime | @malgamves | @strapijs
Pub/sub messaging pattern NEPTUNE MERCURY MARS Neptune is the farthest planet from the Sun Mercury is the closest planet to the Sun Mars is a cold place. It’s full of iron oxide dust If you want to modify these graphs, click on them, follow the link, change the data and replace them Pub/Sub platform Ably @Srushtika | @ablyrealtime | @malgamves | @strapijs
wE USE sTRAPI TO MANAGE OUR APP CONTENT STRAPI LETS US ADD STORAGE AND UPLOAD PROVIDERS SO FOR OUR APP WE USE CLOUDINARY AS A VIDEO STORAGE SOLUTION img.jpg @Srushtika | @ablyrealtime | @malgamves | @strapijs
CREDITS: This presentation template was created by Slidesgo, including icons by Flaticon, and infographics & images by Freepik THANKS! Reach out to us via Twitter @Srushtika and @malgamves DO YOU HAVE ANY QUESTIONS? FINISHED!