Approaches to add dynamic content to statically generated sites (JAMStack)

JAMStack is an architecture for web apps that decouples frontend and backend development teams. It imposes constraints on how to build UI, such as pre-built markup/UI and no server side code dealing with UI. This approach is great for static sites or static site generators but raises the question of how to handle dynamic content. Content types can be classified based on whether they are user specific, frequency of updates, and interactivity. Different approaches can be applied to handle dynamic content in JAMStack sites, such as sourcing dynamic content at build time, hydrating static pages on the client, or separating static and dynamic pages. These methods come with caveats but offer benefits for performance and flexibility when building powerful apps.