WTF Are serverless apps? ¯ \_(ツ)_/ ¯

Everyone talks about “serverless” apps now, but it’s hard to find a simple explanation or one that doesn’t assume you’re using React. If you’ve ever thought in frustration, “Can’t someone just explain this simply without losing me in AWS complexity and React Components?”, then this talk is for you.

Transcript

1. WTF ARE SERVERLESS APPS? ¯ \_(ツ)_/ ¯
   Beth Haubert
   

   View Slide

2. YOU’RE A
   FRONT END DEV
   
   @haubertdashery
   

   View Slide

3. @haubertdashery
   WHAT ABOUT
   CORS?
   
   @haubertdashery
   

   View Slide

4. @haubertdashery
   @haubertdashery
   NOW WHAT?
   
   

   View Slide

5. @haubertdashery
   OPTIONS
   OPTIONS
   OPTIONS
   
   @haubertdashery
   

   View Slide

6. @haubertdashery
   @haubertdashery
   @haubertdashery
   WHAT IF I TOLD
   YOU THERE’S A
   BETTER WAY?
   
   

   View Slide

7. ✨SERVERLESS✨
   

   View Slide

8. SO MANY
   USE CASES
   
   @haubertdashery
   

   View Slide

9. I STILL DON’T
   KNOW WHAT IT
   MEANS
   
   @haubertdashery
   

   View Slide

10. SERVERLESS ARCHITECTURE
    The client
    AWS Lambda
    Third-party API
    x
    

    View Slide

11. SO WHAT’S IN
    IT FOR ME?
    
    @haubertdashery
    

    View Slide

12. BUT…
    
    @haubertdashery
    

    View Slide

13. YOU DON’T!
    
    @haubertdashery
    

    View Slide

14. NETLIFY FUNCTIONS
    

    View Slide

15. The client
    AWS Lambda
    Third-party API
    x
    Netlify Functions
    SERVERLESS ARCHITECTURE USING NETLIFY
    

    View Slide

16. COOL, I GUESS?
    
    @haubertdashery
    

    View Slide

17. ❄SNOWMAHA❄
    

    View Slide

18. View Slide

19. SO…
    ☃
    @haubertdashery
    

    View Slide

20. View Slide

21. View Slide

22. View Slide

23. View Slide

24. View Slide

25. View Slide

26. View Slide

27. View Slide

28. View Slide

29. The client
    AWS Lambda
    Third-party API
    x
    Netlify Functions
    SERVERLESS ARCHITECTURE USING NETLIFY
    $npm start
    $npm run build:functions
    $npm run start:functions
    

    View Slide

30. View Slide

31. View Slide

32. TACOS!!
    YAY!
    
    @haubertdashery
    

    View Slide

33. AND THEN!?
    ⚡
    @haubertdashery
    

    View Slide

34. View Slide

35. View Slide

36. WHOA!
    REALLY!?
    
    @haubertdashery
    

    View Slide

37. View Slide

38. View Slide

39. View Slide

40. SO MUCH
    MORE!
    
    @haubertdashery
    

    View Slide

41. @haubertdashery
    REVIEW TIME!
    
    @haubertdashery
    

    View Slide

42. @haubertdashery
    @haubertdashery
    @haubertdashery
    SUCCESS!
    
    

    View Slide

43. THANKS TREVAN!
    

    View Slide

44. View Slide

45. @haubertdashery
    SNOWMAHA.COM
    
    

    View Slide