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.

0

Share

Download to read offline

Finding the Jelly in the JAMstack

Download to read offline

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!

Related Books

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

Finding the Jelly in the JAMstack

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

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!

Views

Total views

60

On Slideshare

0

From embeds

0

Number of embeds

2

Actions

Downloads

1

Shares

0

Comments

0

Likes

0

×