Shy's slides (How to build an ecommerce site on the JAMstack with Contentful and Commerce Layer)

Transcript

1. How to build an ecommerce site on the JAMstack With Contentful and Commerce Layer December 5th 2019
2. Housekeeping • This webinar is being recorded; we will share the recording and slide deck with all registrants • Please leave your questions in the Q&A box, we’ll answer them after the presentation • To get in touch, write to us at team@contentfulmail.com Before we begin...
3. Shy Ruparel Developer Evangelist | Contentful @ShyRuparel 3 Filippo Conforti Founder | Commerce Layer @FilippoConforti
4. Static Ecommerce? 4 4
5. Static Websites A brief history 5 5
6. The first website was a static site 6
7. Let’s Develop like it’s 1991 • Every website was static • Layout wasn’t a thing ◦ Vertical flow for everything • Link management was manual • 1991: 1.2 KB/s 7 7
9. First Web Search 9
10. First Web Comic 10
11. Things get Dynamic • CGI was introduced in 1994 • Rasmus Lerdorf releases his “Personal Home Page Tools” in 1995 • Brendan Eich writes the prototype for JavaScript in 1995 • 1994: 28 KB/s 11 11
13. E-Commerce becomes possible 13
14. It’s a business • Microsoft ASP was releases in 1996, Sun JSP in 1999 • Hosting a dynamic, CMS, based website became easy • Microsoft FrontPage and Marcomedia Dreamweaver released in 1996 and 1997 • 1996: 56 KB/s 14 14
16. Your own space 16
17. Apps on the Web 17
18. I got the power • XMLHttpRequest was part of IE5 in 1999 • SPA have been discussed since 2003 • jQuery was published in 2006, AngularJS in 2009 • 2006: 8 MB/s 18 18
19. Modern static site builders 19 19
20. 20 GitHub
21. Jekyll 21
24. Static just makes things easier 24
25. This project is way too complex. Static sites just won’t cut it. 25 25
26. 26 Common Requirements 1. “Our editors don’t know git, they need a GUI.” 2. “We have a lot of content, we need full-text search.” 3. “Our contact forms needs to send an email.” 4. “We’re running an online shop. You can’t do that with a static site.” 26
27. 27 A cloud and an API walk into a bar AWS got started in 2002,Lambda added in 2014 Roy Fielding defines REST in his 2000 PhD dissertation Twilio was founded in 2007; Stripe in 2011 27
28. A need breed of Static Site Generators Seamlessly combining static sites and single page applications 28
29. How does that solve anything? With great services comes great responsibility 29 29
30. 30 3 ways to access a service
31. Our editors don’t know git, they need a GUI. 31
32. We have a lot of content, we need full-text search. 32
33. Our contact forms needs to send an email. 33
34. We’re running an online shop. You can’t do that with a static site. 34
35. Contentful + API = ❤ 35
36. Bringing it all Together 36
37. Let’s dig into Ecommerce 37 37
38. 38 Architecture and workflow
39. Contentful + Ecommerce API = 39
40. Static just makes things easier 40