Back to Blog

Jam Stack your monolithic CMS system in to the Closet

·
clock-iconJanuary 14, 2020
insights-main-image

In an ideal world, each company should have a custom made website with dynamically generated content backed by a CMS. It would be light-weight, deployed once per update, band updates by a tool that just does the updates, not everything. It would be rendered statically through a Content Delivery Network (CDN) just as your video streaming from Netflix or Hulu. Having a Jam Stack website is fun and all, but how would a non-technical person edit content there? As always, there are multiple solutions available. A better approach would be to choose one of the many available CMS systems, that are suited to go with the Jam Stack.

API Driven CMS

The typical way to build a CMS-powered website is to choose a fully-integrated solution like WordPress and build your website as a collection of tightly embedded templates. Or if you want more control, you build your own integrated CMS using your preferred tech stack.

An API-based CMS, also known as a headless CMS, is a relatively new approach to content management with many advantages over the “old” way. API-based CMSs, such as Contentful, Directus, Strapi or Prismic, allow you to build websites and apps that are decoupled from their content management tools and integrated via API. This gives you the flexibility to build your front-end using your preferred tools (eg. Gatsby, Spike, React, Node, Angular) while being able to integrate a customized, robust CMS with ease. An API-based approach can save a team significant time and money in the initial implementation as well as ongoing maintenance.

In a nutshell, API-based CMS’s offer all the same editing capabilities of traditional CMS’s, but are significantly easier for developer to setup and maintain. This means your developers and content writers spend less time and money working on your CMS, and more time focusing on things important to your business.

Here’s a table comparison:

Traditional CMSAPI Based CMSSetupWebsite must be built on top of CMS, requiring you to learn and build your website based on CMS rules and processesAdd CMS functionality where needed with just a couple of lines of codeHostingRequires a database and specific server hostingRequires no database and no-hostingComplexityContent, CMS code, and website code co-exist and intertwine to create complexity and interdependenceContent exists separately and is rendered within website codebase via simple API calls.FlexibilityWebsite must be built in a specific programming language or framework.Integrates with any codebase.MaintenanceSecurity upgrades, database backups, etc.None

The biggest advantage in my eyes while using API Driven CMS is to not have to care about a CMS at all. It should provide data, give your user the ability to edit their Website/App/Content easily in any way - and maybe (only maybe) provide some automation like image optimization, plugins or/and localization to make life easier and more efficient.

This API Driven approach is used by WebriQ GLUE. It’s a CMS that allows you to create an API for your website, without coding. It doesn’t require a static site generator to work. With this approach, we will have to send asynchronous requests to our API on each website visit, to always serve fresh content. WebriQ GLUE is gluing together the entire workflow of dynamic content updates, and rebuilding the site each time an update occurs -- the site is statically rendered and served uniquely to each individual viewer through a content delivery network. Totally safe and secure.

Git-Based CMS

A GIT based CMS solves common version control and integration challenges of the JAM Stack by delivering a natural authoring experience on top of GIT for non-technical content writers. In a nutshell, GIT based CMS systems are typically open source content management system for your Git workflow that enables you to provide editors with a friendly UI and intuitive workflows. You can use it with any static site generator to create faster, more flexible web projects. Content is stored in your Git repository alongside your code for easier versioning, multi-channel publishing, and the option to handle content updates directly in Git.

The core advantages are;

Fast, web-based UI: With rich-text editing, real-time preview, and drag-and-drop media uploads. Platform agnostic: Works with most static site generators. Easy installation: Add two files to your site and hook up the backend by including those files in your build process or linking to a Content Delivery Network (CDN). Modern authentication: Using GitHub, and JSON web tokens. Flexible content types: Specify an unlimited number of content types with custom fields. Fully extensible: Create custom-styled previews, UI widgets, and editor plugins.

The GIT based concept is used by WebriQ goes Mad. This CMS work as a Graphical User Interface for GIT. You can write posts through an admin panel, and under the hood, after saving, the CMS will commit your post to the code repository, and trigger a re-deploy of your website. A Git based CMS is simpler to set-up, update and maintain and is the preferred solution for companies that have no or little in-house content management resources.

An outdated website can dramatically decrease conversions. Retro, cluttered designs distract visitors from the conversion point; lack of modern upgrades can make a client lose faith in your business. You may not need all latest trends mentioned. But what you must have is a super fast, secured, reliable and scalable website that is designed for Mobile Browsers First and that can work offline in poorly covered areas . The choice between hiring a web agencies or an individual developer comes down to budget $$$$. Again in an ideal world you would hire a web agencies for all design and marketing aspects and a talented individual developer that is up to date with the latest web development techniques. Beyond the cost will be the time you as a busy entrepreneur will have to spent on gluing the project together to a workable day-to-day solution.

A potential middle ground is WebriQ goes Mad, with its pioneering Web Design as a Service Concept (WDaaS). WDaaS provides a fundamental change in the service of web design. With WDaaS businesses can create stunning websites, landing pages, and sales funnels, without the labor and frustrations of Do-It-Yourselves tools nor the expense of a marketing agency. So you get the services of a web agency and a developer at the cost of the developer.

Seeing and using is believing

We have worked very hard in the last months, to give writers, editors, and basically anyone that is involved in updating and managing content on a website the chance to experience a Content Management System (CMS) for the JAMstack.

Go to WebriQ Sandbox invite. You will receive an email with all the login details for your WebriQ Sandbox account. The Sandbox account is an exact replica of what a live website will look like, and it is an exact replica of how you will be able to manage, update and publish content on your website. All this without the stress of breaking the code or breaking the bank. Just write away, and let us know what you think.