
<p>A <em>build-phase headless CMS</em> reduces the burden associated with infrastructure matches that of a global CDN (which serves your static assets). There is less infrastructure cost associated with it, lowers the dev-ops burden, it essentially becomes more serverless friendly, and it helps to further improve User X, Developer X, Customer X, and Content Creator X. </p>



<p>The traditional monolithic CMS relies on a tight coupling between the front-end and the back-end, everything is tied up together and the platform is responsible for serving, displaying, and updating the content, there are several limitations and inefficiencies with this approach and hence it&#8217;s quickly losing popularity for good reasons.</p>



<p><a rel="noreferrer noopener" href="https://www.staticgen.com/" target="_blank">Static Site Generators</a> are amazing tools for building modern websites. They make it much easier to create and compile modern apps and websites, and allow for easy integration to pull content via an API on when deploying or re-deploying.</p>



<h2>The Headless CMS problem</h2>



<p>The Headless CMS approach has risen in popularity, allowing it to serve as a central hub for <em>content</em> distribution on multiple channels. Additionally, the front-end team gets the flexibility to ship faster and better experiences to an end-user, <em>but</em> it also means an extra layer of infrastructure that needs to be fast, scalable and secure, technologies like autoscaling, Redis caching, GraphQL certainly make it possible to deliver content fast, but for many uses cases, a <em>build-phase headless CMS</em> might be a better approach.</p>



<p>A headless CMS works in a JIT (Just in time) flow, meaning that content is accessed on-demand via a  <em>RESTful</em> API or a GraphQL. This means that if you want your website or app to be fast, performant, and reliable, you have a dependence on that your CMS Infrastructure. </p>



<h2>Accessing content at build time</h2>



<blockquote class="wp-block-quote"><p>A core tenet of Jamstack has been to&nbsp;<strong>pre-render (pre-compute) as much as possible</strong>, which has given prominence to static site generation. The key idea is that computation that would have happened later on, in the request&#8217;s timeline, has now been shifted to the build phase, performed once and made available for all users to share.</p><cite><a rel="noreferrer noopener" href="https://rauchg.com/2020/static-hoisting#hoist-to-the-edge" target="_blank">Static Hoisting</a> by Guillermo Rauch, Vercel.com CEO</cite></blockquote>



<p><em><a rel="noreferrer noopener" href="https://nextjs.org/" target="_blank">Next.js</a></em> released a new version that makes it super easy to generate a static site via its <a href="https://nextjs.org/blog/next-9-3#next-gen-static-site-generation-ssg-support">Next-gen Static Site Generation (SSG) Support</a> for websites or web applications. Its parent company Vercel already supports incremental builds and is working towards improving the approach, allowing to integrate more content without affecting build time.</p>



<h2>Reduce the point of failure </h2>



<p>A CMS that is available at build time, only exists for the purpose of managing the content (as it should have always been) by its stakeholders, as it&#8217;s accessed on build time (via an API) to generate static assets the system responsibility is completely isolated from end-users.</p>



<p>If the CMS is only required on the <em>build-phase</em>, it means that now the only responsibility it has is to provide a great experience for interface for the  of the CMS is to provide a </p>



<hr class="wp-block-separator is-style-wide"/>



<h3>References</h3>



<ul><li><a rel="noreferrer noopener" href="https://rauchg.com/2020/static-hoisting#hoist-to-the-edge" target="_blank">Static Hoisting</a> by Guillermo Rauch, Vercel</li><li><a rel="noreferrer noopener" href="https://www.youtube.com/watch?v=6VGu4PvEBag" target="_blank">What got us here, won’t get us there</a> (video) by Justin Watts, Loblaw Digitals </li><li><a href="https://headlesscms.org/">https://headlesscms.org/</a></li></ul>



<p></p>


Blog

Benefits of a build-phase headless CMS