JAMstack WTJ - intro to jamstack and benefits

1. JAMstack WTJ?
@zanedev

4. Javascript, APIs and
Markup
JAMstack

12. JAMstack

13. A modern architecture —
Create fast and secure sites and dynamic
apps with Javascript, APIs, and pre-rendered
Markup, served without web servers
JAMstack.org
JAMStack

14. JAMStack
Isn’t it just a fancy
word for Static?

15. Traditional
VS
JAMstack

16. Traditional
CDN LB WS DB
Data is processed with
every render from the backend

17. JAMStack
CDN

18. JAMStack
Capable of being
served directly from a
CDN

19. JAMStack
Static Site Generators
React Ruby Golang
And hundreds of others check out
the list at staticgen.com

20. JAMStack
CDN
CMS
API
Build
Static
HTML
Data is processed at BUILD time

21. • Built and pre-rendered
• Served directly from CDN
• Fast and Secure
JAMstack
Bulletproof web development

22. JAMStack
Time to First Byte is
everything

23. JAMStack
But I really need some
logic on the server…

24. JAMStack

25. • Natural decoupling
• Atomic deploys
• Web scale
JAMstack
Easier to deploy, debug and manage

26. JAMStack

27. JAMstack
• Lowers the barriers to entry
• Faster turnaround for changes
• Saving money and trees
Business and environmentally friendly

28. 75MWORDPRESS SITES
JAMStack saves energy

29. 34%INTERNET
75MWORDPRESS SITES
JAMStack saves energy

30. 34%INTERNET
75MWORDPRESS SITES
BillionsTREES
JAMStack saves energy

31. JAMstack
• Fast, Secure, and Less Complex
• Allows more time to focus on UX
• More sleep and time to enjoy life :)
Advantages

32. JAMstack
• Bigger sites = slower build times
• Automation can be tricky hence
providers like Netlify
• Preview and staging can be more
complex
Disadvantages

33. See you at JAMstack
Conf SF!
October 16th–18th · City View at Metreon

34. go/jamstack

35. Zane Staggs
ECOM Software Engineer
JAMstack WTJ?