WebriQ Blog

JAMstack for Web Marketers

March 05, 2019

JAM stands for JavaScript, APIs, and Markup.

In terms of what this means to you as a marketer – it’s essentially a modern way to build a website that is published as a set of static HTML files.

image

As a marketeer, you are obviously familiar with the 4 Ps and the marketing mix.

The term Marketing Mix was developed by Neil Borden who first started using the phrase in 1949. “An executive is a mixer of ingredients, who sometimes follows a recipe as he goes along, sometimes adapts a recipe to the ingredients immediately available, and sometimes experiments with or invents ingredients no one else has tried.” (Culliton, J. 1948)

E. Jerome McCarthy (McCarthy, J. 1960) was the first person to suggest the four Ps of marketing – price, promotion, product, and place (distribution). These constitute the most common variables used in constructing a marketing mix. According to McCarthy, the marketers essentially have these four variables which they can use while crafting a marketing strategy and writing a marketing plan.

All these basics concepts have evolved over time, and now some marketing gurus are talking about 6 Ps, the 2 new ones being Process and People.

The way we build websites, the way viewers consume websites, and what they expect from a website has evolved over time as well. For a marketer, a website needs to quickly grab a viewer’s attention and lead them to where they can start interacting with the website. And as websites may not have the long tradition and history of the marketing mix, building one has its own credos. Instead of the 4 Ps, we call it the 4 S (speed, security, stability, and scalability).

Whilst the 4 S are important to web developers and websites in general, they are important to marketeers as well. Speed and better performance means better site engagement and better SEO. Improved security means a better chance that you will reach your online marketing goals, because there is no chance your site will be down or hacked.

Cheaper, easier and faster to scale, means that new features can be added pretty easily and that you do not have to worry about being hit by 100,000 visitors at once because of a successful campaign.

Moving Away from Monolithic CMS and Plugins

image

Building a marketing website with well-known platforms like Wordpress or Drupal that offer plugins, add-ons, and other easy wins for marketers has been a great idea for many years. Sometimes it is a great idea. But too many times, performance is seriously lagging and the only real solution is to start over and build something that is suited to your specific needs, without all of the extra bloat.

Hacked up themes, page builders, and plugins for all of the things can wreak havoc with site performance if you have a dynamic site powered by a monolithic CMS. This has a knock-on effect on the user experience, SEO, and overall effectiveness of your website. 

Site performance and site speed is an increasingly important ranking factor. Not only that, all of the top ranking factors these days are related to on-site engagement, which also suffers if you haven’t got a site that performs.

Ditching the concept of the plugin and opting for a JAMstack site which is “just HTML” doesn’t actually mean you have to give up functionality, or suddenly need to know how to code like a front-end developer to manage a site and its content. You can still achieve the same results with an ecosystem of tools and services that are tailored specifically for you. Yes it takes some development up-front (let’s be real, so does any website) - but the payoff is huge!  

Moving Your Marketing Website to JAMstack

If you are looking to move your marketing website to JAMstack, here are the boxes you should tick:

1. Look for a Team with Strong Javascript Skills

For brands who are looking to move over to the JAMstack, the in-house or outsourced web development team should be well-versed in JavaScript and API ecosystem. We’re talking about front-end-centric development here.

2. The Choice of a Headless CMS

image Strapi is a good example of a headless CMS

In order for your CMS to be JAMstack-ready, it has to be compatible with JavaScript. A headless CMS decouples the back end - which stores all the content, databases, and files - from the front end. Typically, a headless CMS uses APIs, through which content can be pushed and pulled between various platforms and devices.

Additionally, a headless CMS is front-end framework agnostic, making it compatible for Javascript frameworks like Angular.js, React, or Next.js to name a few. APIs give other applications easy access to your content which could include landing pages, microsites, or native iOS, and Android applications.

3. Choose a Suitable Static Site Generator

A static site generator (SSG) is the perfect partner for a headless CMS. An SSG generates an HTML-only website using markdown files. That static site can then be uploaded to a Content Delivery Network (CDN), remaining unchanged until the next time the SSG is run.

4. Choose WebriQ GLUE

If this is all a bit overwhelming and you need help in choosing all the building blocks, and your in-house capabilities are just not up to the job, WebriQ GLUE might be a good option to consider.

We have developed a very opinionated way of implementing websites, ecommerce carts, and webapps and we completely moved away from a monolithic, legacy and centralized approach. We believe in a decentralized approach whereby each software component is chosen for it is best in class, but at the same time replaceable with a newer best in class if needed. Where we can not find a best in class critical functionality that is open sourced, we develop it ourselves, i.e. WebriQ Forms.

We are strong supporters of the API economy and we strongly believe in microservices when it comes to functionality and automation. We aim at 100% serverless operation, and we know how to do that. We also aim for 100% uptime and, yes, we know what it takes to achieve this. We are highly specialized, and opinionated when it comes to the technology stack used.


Take Me Home