{"componentChunkName":"component---src-templates-tags-js","path":"/blog","result":{"data":{"allMarkdownRemark":{"edges":[{"node":{"fields":{"slug":"what-is-jamstack"},"frontmatter":{"title":"What is JAMstack?","author":"Jayant Raj Singh","tags":"Blog","date":"August 31st, 2020","hero_image":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wgARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAIDBv/EABUBAQEAAAAAAAAAAAAAAAAAAAEA/9oADAMBAAIQAxAAAAHYDUKYgn//xAAaEAACAwEBAAAAAAAAAAAAAAABAgADIREx/9oACAEBAAEFAugChg9S6F2DB5P/xAAWEQEBAQAAAAAAAAAAAAAAAAAAATH/2gAIAQMBAT8BmI//xAAWEQADAAAAAAAAAAAAAAAAAAAQEUH/2gAIAQIBAT8BrH//xAAaEAACAgMAAAAAAAAAAAAAAAABAhARACFR/9oACAEBAAY/An4MVhWxNCP/xAAbEAEAAwEAAwAAAAAAAAAAAAABABEhMVGR4f/aAAgBAQABPyHQpR6yI5TyfYBl3UydL24CoAOARVZP/9oADAMBAAIAAwAAABCE/wD/xAAYEQADAQEAAAAAAAAAAAAAAAAAAREhMf/aAAgBAwEBPxCFD6YUZ//EABgRAQADAQAAAAAAAAAAAAAAAAEAESEx/9oACAECAQE/EEXbK5HWf//EAB4QAQEAAgEFAQAAAAAAAAAAAAERADEhQVFhcbHB/9oACAEBAAE/EJCxdZHc0+5HUrCl3rl+4yYyyjTnOCAciW+8jX0AAPBigcNwz//Z","aspectRatio":1.8203883495145632,"src":"/static/a3a9cbb3b775325374bad5c046c27624/94ee0/jamstack-delivers-v1.jpg","srcSet":"/static/a3a9cbb3b775325374bad5c046c27624/8def4/jamstack-delivers-v1.jpg 375w,\n/static/a3a9cbb3b775325374bad5c046c27624/35c3d/jamstack-delivers-v1.jpg 750w,\n/static/a3a9cbb3b775325374bad5c046c27624/94ee0/jamstack-delivers-v1.jpg 770w","sizes":"(max-width: 770px) 100vw, 770px"}}}},"id":"de51c6b2-f99b-5a86-ba2b-6fed72ad8dc2","html":"<p><strong>What is JAMstack and why should I care?</strong></p>\n<p>JAMstack is a modern web-development architecture that contains strictly client-side JavaScript, reusable APIs, and prebuilt markup. With JAMstack, developers can develop apps only using front-end technologies without setting up servers and back-end.<br>\nThanks to recent development of serverless platforms such as firebase, Google Cloud Functions, Amazon Lambda Functions which enables API integrations from front-end itself.</p>\n<p>The best thing about JAMstack in my opinion is the that you don't have to pay any initial amount to get started.</p>\n<p><strong>Why I like JAMstack so much?</strong></p>\n<p>My first interaction to JAMstack I would say was when I was experimenting with <a href=\"https://cloud.google.com/dialogflow\" title=\"Dialofflow\">Dialogflow</a>. I developed a small <a href=\"vocabguru-3ac8e.web.app\" title=\"Vocabguru\">chatbot</a>, used Google Cloud Functions as backend,  deployed it firebase hosting (all without paying any money).</p>\n<p>This website (inspired by <a href=\"https://www.gatsbyjs.com/starters/kendallstrautman/brevifolia-gatsby-forestry\" title=\"brevifolia\">brevifolia-gatsby-forestry</a>) you are on (<a href=\"https://webjayant.com/\" title=\"webjayant\">webjayant</a>); Developed using <a href=\"https://www.gatsbyjs.com/\" title=\"Gatsby\">Gatsby</a>, and <a href=\"https://forestry.io/\" title=\"Forestry\">forestry CMS</a>; deployed on Netlify.</p>\n<p>JAMstack gives power to front-end developers to experiment and expand.</p>\n<p><strong>JAMstack main features</strong></p>\n<ol>\n<li>\n<p><strong>Performance</strong></p>\n<p>Since the site is build in JavaScript, it gives a major speed advantage when loaded from CDN.</p>\n</li>\n<li>\n<p><strong>No Back-end Needed</strong></p>\n<p>Not having to manage your own back-end infrastructure saves time, effort, and cost.</p>\n</li>\n<li>\n<p><strong>Security</strong></p>\n<p>As we are using third party APIs developed by domain experts, security is never a concern</p>\n</li>\n<li>\n<p><strong>Ease of development</strong></p>\n<p>Using third party services to handle most of the initial setup, it gives us the freedom to focus on more important aspects.</p>\n</li>\n</ol>\n<p><strong>Further reading</strong></p>\n<p>Below are some resources for further reading:</p>\n<ul>\n<li><a href=\"https://jamstack.org\" title=\"JamStack\">jamstack.org</a></li>\n<li><a href=\"https://www.gatsbyjs.com/\" title=\"Gatsby\">gatsbyjs.com</a></li>\n<li><a href=\"https://cloudinary.com/blog/developer_experience_for_a_modern_web_jamstack_delivers\" title=\"Cloudinary\">Cloudinary Blog</a></li>\n<li><a href=\"https://firebase.google.com/\" title=\"firebase\">Firebase</a></li>\n</ul>","excerpt":"What is JAMstack and why should I care? JAMstack is a modern web-development architecture that contains strictly client-side JavaScript…"}}]}},"pageContext":{"tags":"Blog"}},"staticQueryHashes":["2458793903"]}