With JAMStack being a major trend in web development lately, it is becoming more commonly adopted, and an alternative to LAMP and MEAN stack. With the ability to create better performing websites that can scale, I will go over several business use cases on how JAMStack made them more successful and will go over what technologies they used to accomplish this. Let’s find all the good jelly that the JAMStack has to offer!

1. Finding the Jelly in the
JAMStack
...getting a taste of awesome use cases on JAMStack, by Tessa Mero
19 Dec, 2019 - Vue.js Online
The content of this presentation is proprietary information of Cloudinary. It is not intended to be distributed to any third party without the written
consent of Cloudinary. © 2019 Cloudinary inc.

2. Oh hai ;D
● Communities:
○ (past)Joomla, PHP
○ (current) API, Vue.js,
JAMStack
● Developer, Teacher,
Advocate
● Gamer + Mom
● Cooking & Korean Food

3. Topics
● The JAMstack ecosystem
● Business Use Cases
(What’s in their JAM?)
● Resources
Ready for a scoop?

4. What is JAMstack?
“The JAMstack is a static HTML site, rebuilt automatically every time you
update the content, and deployed directly to a CDN” - Luca Spezzano

5. The Problem: web apps are getting messy
● Security
● Reliability
● Performance

6. JAMStack = Problem Fixed
+

7. The JAMStack ecosystem
Why should you use JAMStack on your next project?

8. Static Site Generators

9. Static Site Generators:
Nuxtjs for Vue.js

10. Reasons for
JAMStack
● Speed
● SEO
● Security
● Deployment & Workflow
● Community
Image credit: builtvisible.com

11. Use Case: FreeCodeCamp.org

12. Knowing Your
Basic Account
Identifiers and
Navigating
Your Account
● Cloud Name

13. 3 Reasons
why JAMStack
is being used
1. Speed - CDN Delivery!
2. Scaling - No DevOps!
3. Simplicity - No Database!

14. FreeCodeCamp’s
Jelly
● Github +
● Gatsby +
● Netlify +
● mLab +
● Auth0
● Node/Loopback +

15. Use Case: Sequoia

16. System
Architecture
and Delivery
Lifecycle
● Browser
Browser - This is the first request, where a resource is requested by the
user via their browser.
Management
Console
Elastic Load
Balancing:
Console

17. Sequoia’s Jelly
● MiddleMan
● 2 APIs for Content and Jobs
● Sass
● Contentful
● Netlify
● GitHub, fuse.js, google
analytics

18. Use Case: JAMStack CMS

19. 3 CMS Types
● Coupled CMS
● Decoupled CMS
● Headless CMS
<3 (winning)

20. Contentful’s
Jelly
● Custom designed CDN
● JSON
● RESTful API architecture

21. Use Case: Nike

22. Nike’s
Jelly
● Cloudinary (Headless DAM)
● Frontend decoupled into a
headless CMS
● GatsbyJS

23. Resources

24. Resources
● Official JAMstack website:
https://jamstack.org
● “WTF is JAMstack?” :
https://jamstack.wtf (the fun website)
● CMS Wire, “What is JAMstack?”
https://www.cmswire.com/information-management/wha
t-is-jamstack/
● https://nuxtjs.org/guide
● Headless DAM
https://cloudinary.com

25. << end
● Twitter: https://twitter.com/tessamero
● Email.: tessa.mero@cloudinary.com
THANK YOU!