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

Transcript

1. JAMstack Cheatsheet
2. Pedro Duarte @PEDUARTE
3. Product Engineer Modulz
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