The Architecture of the Jamstack

A Jamstack app is a bundle of JavaScript that contains markup, code to render that markup, code to fetch data from a remote server, and code to manage the state driving the dynamic contents of the markup. Sometimes, this code is executed on the server to pre-render the markup for a faster startup time in the browser, but the overall programming model is centered around managing DOM updates in the browser based on browser events and API calls, as shown in the figure below.