{"id":18356,"date":"2022-07-25T08:00:00","date_gmt":"2022-07-25T06:00:00","guid":{"rendered":"https:\/\/www.codemotion.com\/magazine\/?p=18356"},"modified":"2022-07-22T11:21:26","modified_gmt":"2022-07-22T09:21:26","slug":"jamstack-are-static-sites-a-new-revolution-for-the-web","status":"publish","type":"post","link":"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/jamstack-are-static-sites-a-new-revolution-for-the-web\/","title":{"rendered":"Jamstack: Are Static Sites a New Revolution for the Web?"},"content":{"rendered":"\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-68925169      \"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tTable Of Contents\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap \">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#what-is-jamstack\" class=\"uagb-toc-link__trigger\">What is Jamstack?<\/a><li class=\"uagb-toc__list\"><a href=\"#are-static-sites-reinventing-the-web\" class=\"uagb-toc-link__trigger\">Are static sites reinventing the web?<\/a><li class=\"uagb-toc__list\"><a href=\"#develop-affordable-fast-and-secure-web-apps-with-jamstack\" class=\"uagb-toc-link__trigger\">Develop affordable, fast, and secure web apps with JAMstack<\/a><li class=\"uagb-toc__list\"><a href=\"#benefits-and-advantages-of-static-sites\" class=\"uagb-toc-link__trigger\">Benefits and advantages of static sites<\/a><li class=\"uagb-toc__list\"><a href=\"#jamstack-limitations\" class=\"uagb-toc-link__trigger\">Jamstack limitations<\/a><li class=\"uagb-toc__list\"><a href=\"#recap-and-extra-resources\" class=\"uagb-toc-link__trigger\">Recap and extra resources<\/a><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n<p>Jamstack, as with any new trend, brings a lot of myths and promises that do not always imply a revolution but a more straightforward way to do things. After the debate about Headless CMS and its benefits, <strong>Netifly<\/strong> has developed a solution for web developers that might be the new way to create clean and secure websites. But is it too good to be true? <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-jamstack\">What is Jamstack?<\/h2>\n\n\n\n<p>Jamstack is an approach to web architecture that involves using existing technologies and the fundamentals of web development, not creating something new.<\/p>\n\n\n\n<p>Jamstack<strong> helps developers build faster, more secure, and easier to scale websites and apps<\/strong>. It provides the ability to use tools and workflows that increase productivity and improve the developer experience.<\/p>\n\n\n\n<p>JAMStack involves compiling a dynamic website with static pages to speed up its rendering and improve the user experience.<\/p>\n\n\n\n<p>This architecture simplifies the scalability of sites since the static pages generated can be hosted by a CDN and thus be delivered in a scalable and fast way all around the world. Furthermore, in <a href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/golden-rules-for-combining-front-end-security-and-ui\/\" target=\"_blank\" aria-label=\"terms of security (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">terms of security<\/a>, it offers fewer entry points for attackers and prevents DDoS attacks, for example. Finally, the cost of hosting is reduced compared to a standard web application since the cost of the servers is replaced by the sole price of the CDN.<\/p>\n\n\n\n<p>JAM is the acronym for \u201c<strong>JavaScript, APIs, Markup<\/strong>\u201d, which corresponds to the three critical components of a site in JAMStack: static HTML pages (\u201cMarkup\u201d), JavaScript code for the dynamic aspect, and APIs.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-codemotion-magazine wp-block-embed-codemotion-magazine\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"GfWiVQaaGT\"><a href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/golden-rules-for-combining-front-end-security-and-ui\/\">Golden Rules for Combining Front-end Security and UI<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Golden Rules for Combining Front-end Security and UI&#8221; &#8212; Codemotion Magazine\" src=\"https:\/\/www.codemotion.com\/magazine\/frontend\/golden-rules-for-combining-front-end-security-and-ui\/embed\/#?secret=YxxvAA3y5N#?secret=GfWiVQaaGT\" data-secret=\"GfWiVQaaGT\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>JavaScript<\/strong><br><a href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/javascript-ultimate-guide\/\" target=\"_blank\" aria-label=\"JavaScript (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">JavaScript<\/a> is the most widespread programming language and forms the basis of the www. This language is used to create dynamic and interactive static web pages, a result that one does not necessarily obtain if one delivers simple <a href=\"https:\/\/www.codemotion.com\/magazine\/tag\/html\/\" target=\"_blank\" aria-label=\"HTML  (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">HTML <\/a>without JavaScript.<\/p>\n\n\n\n<p><strong>APIs<\/strong><br>Creating dynamic JAMstack websites is possible thanks to APIs. APIs or Application Programming Interfaces are also required for making apps more practical, convenient, and accessible.<\/p>\n\n\n\n<p><strong>Markup<\/strong><br>JAMstack uses markup as a means of submitting content to a website. Markup can be used as one of a number of ways to send data to the site; you can save text or images on a website, for example, and the markup will be responsible for sending the data.<\/p>\n\n\n\n<p>Markup needs decoupling, which enables improved content adoption and pre-rendering of website elements for faster speeds.<\/p>\n\n\n\n<p>To create a Jamstack site, you need to deploy three types of tools:<\/p>\n\n\n\n<p>&#8211; A Headless CMS like Strapi is an open source solution, which will allow sales teams to edit and structure content. There are others like Ghost, Contentful or Magnolia which are in Saas.<br>&#8211; The API will make it possible to generate the front-end with templates like Gatsby. There are many frameworks, most of which are based on JavaScript technologies.<br>&#8211; Content distribution system as well as a chain of CICDs to deposit the site on one or more servers.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-codemotion-magazine wp-block-embed-codemotion-magazine\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"45nedBJvXZ\"><a href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/5-javascript-frameworks-to-use-in-2022\/\">5 JavaScript Frameworks to Follow in 2023<\/a><\/blockquote><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;5 JavaScript Frameworks to Follow in 2023&#8221; &#8212; Codemotion Magazine\" src=\"https:\/\/www.codemotion.com\/magazine\/frontend\/javascript\/5-javascript-frameworks-to-use-in-2022\/embed\/#?secret=Fy5gkPhcMU#?secret=45nedBJvXZ\" data-secret=\"45nedBJvXZ\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-are-static-sites-reinventing-the-web\">Are static sites reinventing the web?<\/h2>\n\n\n\n<p>Despite the hype, JAMstack is only leveraged on a tiny fraction of all websites. According to Web Almanac\u2019s 2021 report, <strong>sites built by static sites builders (almost all believed to be built on the JAMstack philosophy) accounted for only around 1% of all websites<\/strong>. That said, JAMstack\u2019s market share has doubled yearly for the past three years. Again, a vital sign of the growing interest in this technology: <strong>about a third of JAMstack developers are entirely new to the web development<\/strong> industry, with less than two years of experience.<\/p>\n\n\n\n<p>JAMstack applications fulfill most of the five pillars of the <a href=\"https:\/\/docs.aws.amazon.com\/wellarchitected\/latest\/high-performance-computing-lens\/the-five-pillars-of-the-well-architected-framework.html\" target=\"_blank\" aria-label=\"AWS Well-Architected frameworks (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">AWS Well-Architected frameworks<\/a>. These are fundamental concepts that AWS takes into account to provide a fast, safe, high-performance, robust and efficient infrastructure.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-develop-affordable-fast-and-secure-web-apps-with-jamstack\">Develop affordable, fast, and secure web apps with JAMstack<\/h2>\n\n\n\n<p><strong>Speed<\/strong><br>For starters, the JAMtack dramatically increases page loading speed, which is good for the user. We also know that the loading speed and the cleanliness of the code have an impact on natural referencing since search engine robots take these criteria into account in the PageRank. It is therefore an approach that is of great interest to SEO experts.<\/p>\n\n\n\n<p><strong>The cost<\/strong><br>More often than not, JAMstack sites are cheaper than their server-side counterparts. As a result, hosting static assets is affordable, and your page is now served at the same rate.<\/p>\n\n\n\n<p><strong>Scalability<\/strong><br>Since you\u2019re serving your files from static hosting, probably a CDN, this almost automatically gives you infinite scalability. Most providers claim this, <strong>which means you\u2019ll have no problem letting in an influx of people<\/strong> to your site through the front door.<\/p>\n\n\n\n<p><strong>Security<\/strong><br>Of interest beyond performance and speed of execution is security.<\/p>\n\n\n\n<p>With JAMstack, the problem of servers no longer exists, which eliminates a number of security vulnerabilities in a company&#8217;s computer system.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-benefits-and-advantages-of-static-sites\">Benefits and advantages of static sites<\/h2>\n\n\n\n<p>There are many advantages to using a JAMstack:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Performance: No waiting for the end user to build the page; how to make it faster?<\/li><li>Security: More database, more modules to manage this or that on your favourite CMS.<\/li><li>Interactions are governed through APIs. In short, your site becomes a genuinely inviolable fortress.<\/li><li>Easy development: You can completely separate the CMS part and development from the front. We will distinguish the content (your front) from the content manager (CMS).<\/li><li>There are also more and more headless CMSs that will distribute their content on APIs (Even WordPress allows access to content via a REST API).<\/li><li>Your CI\/CD pipeline is made easy:<br>One of the basics of JAMstack frameworks is the use of a Git repository. This means many things, including versioning, simplified rollback, use of Git\u2019s CI\/CD pipelines, etc.<\/li><\/ul>\n\n\n\n<p>In short, it greatly facilitates life for the continuous integration of its site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-jamstack-limitations\">Jamstack limitations<\/h2>\n\n\n\n<p>The biggest problem with JAM is integrating dynamization. Take the example of e-commerce. You can ideally generate your product sheets in static without a problem. The difficulty will be when you want to change your prices. <strong>You will need to regenerate all or part of your static with each price movement<\/strong>. Depending on the type of CMS, deploying all the product sheets at each change can be a massive and time-consuming hassle. It is necessary either to have an effective way to regenerate only part of the static, something not necessarily provided for in JAM solutions or to redeploy the entire catalogue every hour, for example, at the risk of consuming time build for nothing.<\/p>\n\n\n\n<p>JAMstack is relatively developer-friendly, but it can be trickier if you want to modify anything other than content on your own. Website owners cannot work with the structure of the site, as they do with standard CMS \u2013 they are unable to install plugins that modify the site\u2019s appearance. Any changes involve coding, which means additional development work.<\/p>\n\n\n\n<p>The use of JAMstack technology may result in <strong>over-reliance on third-party services<\/strong>. The project can depend on external services and APIs; if the system fails, there\u2019s not much to do, as it\u2019s a tool vendor issue.<\/p>\n\n\n\n<p>And the expense is another consideration. JAMstack involves paying for highly skilled developers, whether hired internally or outsourced.<\/p>\n\n\n\n<p>If you are a small enterprise with limited coding skills, a simple solution such as WordPress may be more suitable.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-recap-and-extra-resources\">Recap and extra resources<\/h2>\n\n\n\n<p>What JAMstack does:<\/p>\n\n\n\n<p>Easy delivery of a digital product thanks to a limited amount of dynamic elements.<br>Have an application that will allow rapid scaling<br>Have a more secure website<br>Provide a fast website as it contains mostly static files<br>Save money on server hosting<br>A solution that has it all<\/p>\n\n\n\n<p>Current technology trends put pressure on continuous development, constantly improving performance and finding new versatile services. JAMstack is an excellent example of a solution that has it all. It has also assembled a community continually collating new data and tools to expand the possibilities of these frameworks.<\/p>\n\n\n\n<p>We&#8217;ve put together some resources to get you started on the architecture that is undoubtedly changing the world of web development.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Rise of the Jamstack \u2014 Mathias Biilmann\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/uWTMEDEPw8c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jamstack, as with any new trend, brings a lot of myths and promises that do not always imply a revolution but a more straightforward way to do things. After the debate about Headless CMS and its benefits, Netifly has developed a solution for web developers that might be the new way to create clean and&#8230; <a class=\"more-link\" href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/jamstack-are-static-sites-a-new-revolution-for-the-web\/\">Read more<\/a><\/p>\n","protected":false},"author":64,"featured_media":18358,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":5,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_uag_custom_page_level_css":"","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[31],"tags":[9517,9961],"collections":[],"class_list":{"0":"post-18356","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-developer","8":"tag-front-end","9":"tag-javascript","10":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.9 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Jamstack: Are Static Sites a New Revolution for the Web? - Codemotion<\/title>\n<meta name=\"description\" content=\"Discover why web developers are increasingly in love with Jamstack, its benefits, downsides and more insights.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/jamstack-are-static-sites-a-new-revolution-for-the-web\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Jamstack: Are Static Sites a New Revolution for the Web?\" \/>\n<meta property=\"og:description\" content=\"Discover why web developers are increasingly in love with Jamstack, its benefits, downsides and more insights.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/jamstack-are-static-sites-a-new-revolution-for-the-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Codemotion Magazine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Codemotion.Italy\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-25T06:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Codemotion\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:site\" content=\"@CodemotionIT\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Codemotion\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/web-developer\\\/jamstack-are-static-sites-a-new-revolution-for-the-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/web-developer\\\/jamstack-are-static-sites-a-new-revolution-for-the-web\\\/\"},\"author\":{\"name\":\"Codemotion\",\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/#\\\/schema\\\/person\\\/201bb98b02412383686cced7521b861c\"},\"headline\":\"Jamstack: Are Static Sites a New Revolution for the Web?\",\"datePublished\":\"2022-07-25T06:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/web-developer\\\/jamstack-are-static-sites-a-new-revolution-for-the-web\\\/\"},\"wordCount\":1348,\"publisher\":{\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/web-developer\\\/jamstack-are-static-sites-a-new-revolution-for-the-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/Jamstack1jpg.jpg\",\"keywords\":[\"Front-End\",\"JavaScript\"],\"articleSection\":[\"Web Developer\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/web-developer\\\/jamstack-are-static-sites-a-new-revolution-for-the-web\\\/\",\"url\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/web-developer\\\/jamstack-are-static-sites-a-new-revolution-for-the-web\\\/\",\"name\":\"Jamstack: Are Static Sites a New Revolution for the Web? - Codemotion\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/web-developer\\\/jamstack-are-static-sites-a-new-revolution-for-the-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/web-developer\\\/jamstack-are-static-sites-a-new-revolution-for-the-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/Jamstack1jpg.jpg\",\"datePublished\":\"2022-07-25T06:00:00+00:00\",\"description\":\"Discover why web developers are increasingly in love with Jamstack, its benefits, downsides and more insights.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/web-developer\\\/jamstack-are-static-sites-a-new-revolution-for-the-web\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/web-developer\\\/jamstack-are-static-sites-a-new-revolution-for-the-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/web-developer\\\/jamstack-are-static-sites-a-new-revolution-for-the-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/Jamstack1jpg.jpg\",\"contentUrl\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/Jamstack1jpg.jpg\",\"width\":1920,\"height\":1080,\"caption\":\"developer using jamstack\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/web-developer\\\/jamstack-are-static-sites-a-new-revolution-for-the-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Frontend\",\"item\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Web Developer\",\"item\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/frontend\\\/web-developer\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Jamstack: Are Static Sites a New Revolution for the Web?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/#website\",\"url\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/\",\"name\":\"Codemotion Magazine\",\"description\":\"We code the future. Together\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/#organization\",\"name\":\"Codemotion\",\"url\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/codemotionlogo.png\",\"contentUrl\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/codemotionlogo.png\",\"width\":225,\"height\":225,\"caption\":\"Codemotion\"},\"image\":{\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Codemotion.Italy\\\/\",\"https:\\\/\\\/x.com\\\/CodemotionIT\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/#\\\/schema\\\/person\\\/201bb98b02412383686cced7521b861c\",\"name\":\"Codemotion\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/cropped-codemotionlogo-150x150.png\",\"url\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/cropped-codemotionlogo-150x150.png\",\"contentUrl\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/cropped-codemotionlogo-150x150.png\",\"caption\":\"Codemotion\"},\"description\":\"Articles wirtten by the Codemotion staff. Tech news, inspiration, latest treends in software development and more.\",\"sameAs\":[\"https:\\\/\\\/x.com\\\/CodemotionIT\"],\"url\":\"https:\\\/\\\/www.codemotion.com\\\/magazine\\\/author\\\/codemotion-2\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Jamstack: Are Static Sites a New Revolution for the Web? - Codemotion","description":"Discover why web developers are increasingly in love with Jamstack, its benefits, downsides and more insights.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/jamstack-are-static-sites-a-new-revolution-for-the-web\/","og_locale":"en_US","og_type":"article","og_title":"Jamstack: Are Static Sites a New Revolution for the Web?","og_description":"Discover why web developers are increasingly in love with Jamstack, its benefits, downsides and more insights.","og_url":"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/jamstack-are-static-sites-a-new-revolution-for-the-web\/","og_site_name":"Codemotion Magazine","article_publisher":"https:\/\/www.facebook.com\/Codemotion.Italy\/","article_published_time":"2022-07-25T06:00:00+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg.jpg","type":"image\/jpeg"}],"author":"Codemotion","twitter_card":"summary_large_image","twitter_creator":"@CodemotionIT","twitter_site":"@CodemotionIT","twitter_misc":{"Written by":"Codemotion","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/jamstack-are-static-sites-a-new-revolution-for-the-web\/#article","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/jamstack-are-static-sites-a-new-revolution-for-the-web\/"},"author":{"name":"Codemotion","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/201bb98b02412383686cced7521b861c"},"headline":"Jamstack: Are Static Sites a New Revolution for the Web?","datePublished":"2022-07-25T06:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/jamstack-are-static-sites-a-new-revolution-for-the-web\/"},"wordCount":1348,"publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/jamstack-are-static-sites-a-new-revolution-for-the-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg.jpg","keywords":["Front-End","JavaScript"],"articleSection":["Web Developer"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/jamstack-are-static-sites-a-new-revolution-for-the-web\/","url":"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/jamstack-are-static-sites-a-new-revolution-for-the-web\/","name":"Jamstack: Are Static Sites a New Revolution for the Web? - Codemotion","isPartOf":{"@id":"https:\/\/www.codemotion.com\/magazine\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/jamstack-are-static-sites-a-new-revolution-for-the-web\/#primaryimage"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/jamstack-are-static-sites-a-new-revolution-for-the-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg.jpg","datePublished":"2022-07-25T06:00:00+00:00","description":"Discover why web developers are increasingly in love with Jamstack, its benefits, downsides and more insights.","breadcrumb":{"@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/jamstack-are-static-sites-a-new-revolution-for-the-web\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/jamstack-are-static-sites-a-new-revolution-for-the-web\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/jamstack-are-static-sites-a-new-revolution-for-the-web\/#primaryimage","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg.jpg","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg.jpg","width":1920,"height":1080,"caption":"developer using jamstack"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/jamstack-are-static-sites-a-new-revolution-for-the-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.codemotion.com\/magazine\/"},{"@type":"ListItem","position":2,"name":"Frontend","item":"https:\/\/www.codemotion.com\/magazine\/frontend\/"},{"@type":"ListItem","position":3,"name":"Web Developer","item":"https:\/\/www.codemotion.com\/magazine\/frontend\/web-developer\/"},{"@type":"ListItem","position":4,"name":"Jamstack: Are Static Sites a New Revolution for the Web?"}]},{"@type":"WebSite","@id":"https:\/\/www.codemotion.com\/magazine\/#website","url":"https:\/\/www.codemotion.com\/magazine\/","name":"Codemotion Magazine","description":"We code the future. Together","publisher":{"@id":"https:\/\/www.codemotion.com\/magazine\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codemotion.com\/magazine\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.codemotion.com\/magazine\/#organization","name":"Codemotion","url":"https:\/\/www.codemotion.com\/magazine\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/codemotionlogo.png","width":225,"height":225,"caption":"Codemotion"},"image":{"@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Codemotion.Italy\/","https:\/\/x.com\/CodemotionIT"]},{"@type":"Person","@id":"https:\/\/www.codemotion.com\/magazine\/#\/schema\/person\/201bb98b02412383686cced7521b861c","name":"Codemotion","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/cropped-codemotionlogo-150x150.png","url":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/cropped-codemotionlogo-150x150.png","contentUrl":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2019\/11\/cropped-codemotionlogo-150x150.png","caption":"Codemotion"},"description":"Articles wirtten by the Codemotion staff. Tech news, inspiration, latest treends in software development and more.","sameAs":["https:\/\/x.com\/CodemotionIT"],"url":"https:\/\/www.codemotion.com\/magazine\/author\/codemotion-2\/"}]}},"featured_image_src":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg-600x400.jpg","featured_image_src_square":"https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg-600x600.jpg","author_info":{"display_name":"Codemotion","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/codemotion-2\/"},"uagb_featured_image_src":{"full":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg.jpg",1920,1080,false],"thumbnail":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg-150x150.jpg",150,150,true],"medium":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg-300x169.jpg",300,169,true],"medium_large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg-768x432.jpg",768,432,true],"large":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg-1024x576.jpg",1024,576,true],"1536x1536":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg-1536x864.jpg",1536,864,true],"2048x2048":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg.jpg",1920,1080,false],"small-home-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg.jpg",100,56,false],"sidebar-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg-180x128.jpg",180,128,true],"genesis-singular-images":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg-896x504.jpg",896,504,true],"archive-featured":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg-400x225.jpg",400,225,true],"gb-block-post-grid-landscape":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg-600x400.jpg",600,400,true],"gb-block-post-grid-square":["https:\/\/www.codemotion.com\/magazine\/wp-content\/uploads\/2022\/07\/Jamstack1jpg-600x600.jpg",600,600,true]},"uagb_author_info":{"display_name":"Codemotion","author_link":"https:\/\/www.codemotion.com\/magazine\/author\/codemotion-2\/"},"uagb_comment_info":0,"uagb_excerpt":"Jamstack, as with any new trend, brings a lot of myths and promises that do not always imply a revolution but a more straightforward way to do things. After the debate about Headless CMS and its benefits, Netifly has developed a solution for web developers that might be the new way to create clean and&#8230;&hellip;","lang":"en","_links":{"self":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/18356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/users\/64"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/comments?post=18356"}],"version-history":[{"count":2,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/18356\/revisions"}],"predecessor-version":[{"id":18361,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/posts\/18356\/revisions\/18361"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media\/18358"}],"wp:attachment":[{"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/media?parent=18356"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/categories?post=18356"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/tags?post=18356"},{"taxonomy":"collections","embeddable":true,"href":"https:\/\/www.codemotion.com\/magazine\/wp-json\/wp\/v2\/collections?post=18356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}