JAMstack Cheatsheet

8d79934f6941db006af7948ff33361a4?s=47 Pedro Duarte
February 05, 2019

JAMstack Cheatsheet

JAMstack is revolutionising the way we think about workflow by providing a simpler developer experience, better performance, lower cost and greater scalability.

This project was put together by @peduarte and presented at the JAMstack meetup in London on the 5th Feb 2019.

For more information, visit https://jamstack.wtf

8d79934f6941db006af7948ff33361a4?s=128

Pedro Duarte

February 05, 2019
Tweet

Transcript

  1. JAMstack Cheatsheet

  2. Pedro Duarte @PEDUARTE

  3. Product Engineer Modulz

  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. JAMstack is revolutionising the way we think about workflow.

  11. Table of contents What is JAMstack? Meaning Benefits Best practices

    Workflow Timeline Getting started Development Deployment Dynamic parts CMS The “traditional” workflow
  12. The “traditional” workflow

  13. Monolithic architecture

  14. Isomorphic rendering

  15. Server side CMS

  16. What is JAMstack?

  17. MEANING

  18. MEANING

  19. Javascript MEANING

  20. APIs MEANING

  21. Markup MEANING

  22. BENEFITS

  23. Faster performance BENEFITS

  24. More secure BENEFITS

  25. Less expensive BENEFITS

  26. Better developer experience BENEFITS

  27. Scalability BENEFITS

  28. BEST PRACTICES

  29. Content delivery network BEST PRACTICES

  30. Atomic deploys BEST PRACTICES

  31. Cache invalidation BEST PRACTICES

  32. Everything in Version Control BEST PRACTICES

  33. Automated builds BEST PRACTICES

  34. WORKFLOW

  35. WORKFLOW

  36. WORKFLOW

  37. TIMELINE

  38. TIMELINE

  39. TIMELINE

  40. TIMELINE

  41. TIMELINE SOURCE: SNIPCART

  42. Getting started

  43. DEVELOPMENT

  44. Hand coding DEVELOPMENT

  45. Static Site Generators DEVELOPMENT

  46. DEVELOPMENT

  47. Frontend Frameworks DEVELOPMENT

  48. DEVELOPMENT

  49. DEPLOYMENT

  50. DEPLOYMENT

  51. DYNAMIC PARTS

  52. Custom functions DYNAMIC PARTS

  53. Third party APIs DYNAMIC PARTS

  54. CMS DYNAMIC PARTS

  55. Wrapping up

  56. Dynamic WRAPPING UP

  57. Not static site generators WRAPPING UP

  58. Ideology WRAPPING UP

  59. Flexible architecture WRAPPING UP

  60. jamstack.wtf

  61. Thank you PEDRO DUARTE @PEDUARTE