Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Finding the Jelly in the
JAMStack
...getting a taste of awesome use cases on JAMStack, by Tessa Mero
May 8th, 2019 - Seatt...
Oh hai
● Communities: Joomla, PHP,
API, Vue.js
● Developer, Teacher,
Advocate
● Gamer + Mom
● Korean Food Enthusiast
● Ste...
Topics
● The JAMStack ecosystem
● The Problem & Fix
● Business Use
Cases/Stories
Ready for a scoop?
The Problem: web apps are getting messy
● Security
● Reliability
● Performance
JAMStack = Problem Fixed
+
The JAMStack ecosystem
Why should you use JAMStack on your next project?
Static Site Generators
Reasons for
JAMStack
● Speed
● SEO
● Security
● Deployment & Workflow
● Community
Image credit: builtvisible.com
Use Case: FreeCodeCamp.org
Knowing Your
Basic Account
Identifiers and
Navigating
Your Account
● Cloud Name
3 Reasons
why JAMStack
is being used
1. Speed - CDN Delivery!
2. Scaling - No DevOps!
3. Simplicity - No Database!
FreeCodeCamp’s
Jelly
● Github +
● Gatsby +
● Netlify +
● mLab +
● Auth0
● Node/Loopback +
Use Case: Sequoia
System
Architecture
and Delivery
Lifecycle
● Browser
Browser - This is the first request, where a resource is requested by ...
Sequoia’s Jelly
● MiddleMan
● 2 APIs for Content and Jobs
● JSON
Use Case: JAMStack CMS
3 CMS Types
● Coupled CMS
● Decoupled CMS
● Headless CMS
<3 (winning)
Contentful’s
Jelly
● Custom designed CDN
● JSON
● Images API
● RESTful API architecture
Use Case: Nike
Nike’s
Jelly
● Cloudinary (Headless DAM)
● Frontend decoupled into a
headless CMS
● GatsbyJS
<< end
● Twitter: https://twitter.com/tessamero
● Email.: tessa.mero@cloudinary.com
THANK YOU!
Upcoming SlideShare
Loading in …5
×

Finding the jelly in the jam stack

22 views

Published on

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!

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Finding the jelly in the jam stack

  1. 1. Finding the Jelly in the JAMStack ...getting a taste of awesome use cases on JAMStack, by Tessa Mero May 8th, 2019 - Seattle JAM Stack Meetup 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. 2. Oh hai ● Communities: Joomla, PHP, API, Vue.js ● Developer, Teacher, Advocate ● Gamer + Mom ● Korean Food Enthusiast ● Steak Hobbyist
  3. 3. Topics ● The JAMStack ecosystem ● The Problem & Fix ● Business Use Cases/Stories Ready for a scoop?
  4. 4. The Problem: web apps are getting messy ● Security ● Reliability ● Performance
  5. 5. JAMStack = Problem Fixed +
  6. 6. The JAMStack ecosystem Why should you use JAMStack on your next project?
  7. 7. Static Site Generators
  8. 8. Reasons for JAMStack ● Speed ● SEO ● Security ● Deployment & Workflow ● Community Image credit: builtvisible.com
  9. 9. Use Case: FreeCodeCamp.org
  10. 10. Knowing Your Basic Account Identifiers and Navigating Your Account ● Cloud Name
  11. 11. 3 Reasons why JAMStack is being used 1. Speed - CDN Delivery! 2. Scaling - No DevOps! 3. Simplicity - No Database!
  12. 12. FreeCodeCamp’s Jelly ● Github + ● Gatsby + ● Netlify + ● mLab + ● Auth0 ● Node/Loopback +
  13. 13. Use Case: Sequoia
  14. 14. 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
  15. 15. Sequoia’s Jelly ● MiddleMan ● 2 APIs for Content and Jobs ● JSON
  16. 16. Use Case: JAMStack CMS
  17. 17. 3 CMS Types ● Coupled CMS ● Decoupled CMS ● Headless CMS <3 (winning)
  18. 18. Contentful’s Jelly ● Custom designed CDN ● JSON ● Images API ● RESTful API architecture
  19. 19. Use Case: Nike
  20. 20. Nike’s Jelly ● Cloudinary (Headless DAM) ● Frontend decoupled into a headless CMS ● GatsbyJS
  21. 21. << end ● Twitter: https://twitter.com/tessamero ● Email.: tessa.mero@cloudinary.com THANK YOU!

×