Wordpress vs JAMstack

BUsiness | Technology

wordpress web jamstack technology wordpress web jamstack technology

Mandy Trilck

Mandy Trilck

WordPress remains champion of content management, with power usage of approximately 35% of the internet.

In its launch in 2004, it starts as a purely blogging platform. Nowadays, it’s a multi-purpose website creator, supported by a huge ecosystem of themes and plugins. It is the defacto choice for many website owners, since it’s inexpensive and easy to handle without coding knowledge.

Web techolohies, however, are changing a lot over the years. This makes that WordPress technologies stack isn’t as trendy as it once was. Frontend JavaScript frameworks, like React, lead the road in a new chapter of website building.

As a result, developers have been exploring alternatives to WordPress, and its PHP-based templates.

jamstack vs wordpress

The JAMstack alternative

JAMstack (Javascript, APIs and markup) is a web tech stack that keeps growing in popularity. JS powers the frontend, APIs connect the frontend to services (e.g. content databases), and pages are static files.

The main difference between JAMstack and traditional technologies (like WordPress) is that JAMstack doesn’t rely on a server. Instead of linking to a database, and building on server requests, JAMstacks sites are pre-built and serverless.

A CDM (Content Distribution Network) creates and then send out the static files. Server-like functionalities come from third-party services via APIs. To make creating a site with JAMstack easier, static web generators are algo emerging. With a SSG, like Gatsby or Hugo, a developer can quickly spin up a basic website.

Decoupled content management

JAMstack sites have lots of ways to manage content, including headless CMS (Content Management Systems).

A headless CMS allows users to easily add content from an admin panel. You can send the content to the source code’s repository, or store it in a cloud platform service. This is related to the CMs type, but you can read more about it here. *link to article TYPES OF CMS*.

A static site can get data lying in a server via an API. The management of how the data displays, depends entirely on the frontend.

wordpress web jamstack technology wordpress web jamstack technology

Differences between JAMstack and WordPress

Let’s take a look at comparisons between the structure of a Gatsby and a WordPress site:

Wordpress Web Jamstack Technology

Benefits of JAMstack over WordPress

Besides being the new shiny thing in web dev, there are other reasons on why JAMstack has increasingly popular approach. For a start, in solves many pain points both to website owners and developers. These include being faster, cheaper, easier to scale and safer.

SPEED

JAMstack sites load fast. You can store routing libraries that make links appear instantly, which provides an awesome user experience. Furthermore, it’s a desirable advantage when it comes to speed being so important for search engines.

The way of building and deploying sites is what makes them so fast. Rather than connections via requests to a server, they have pre-building and serving over a CDN. Traditional site builders can use CDNs too, but to store cache static content, like images and documents. It’s much faster when the whole site is serving via CDN.

COST

Hosting static files is cheap, and it’s often even free for smaller sites. Scaling is way easier, too. In traditional sites, spikes in traffic can slow down the server, or even make it crash. With a CDN, it’s easier to scale up too meet users’ demands.

BETTER DEVELOPER EXPERIENCE

Devs can pick the JavaScript libraries and frameworks they want to work, while leveraging tools like Babel and Webpack. Also, static site generators, like Gatsby and Hugo, facilitate the set up for a great development environment.

It’s convenient that site’s code stores in a repository like Git, instead of a server. The repository keeps track of changes, and allows to revert to previous versions. Furthermore, if other developers have to collaborate, they can pull the code from Git onto their local environment. This means that there’s no need of complex installations.

SECURITY

Since JAMstack sites don’t have dynamic interactions with a server, they are less prone to attacks. You don’t have to worry about the server or database vulnerabilities.

On the other hand, WordPress sites require frequent updates to being a step forward of security vulnerabilities. If you don’t pay attention to this, your site is open to malicious attacks.

Limitations of a JAMstack site

Beyond its coolness, in many cases, JAMstack may not be the right choice for a project.

RELIANCE ON DEVELOPMENT

You need to know JavaScript to get a JAMstack site running. Even if you’re handy with JS, a JAMstack site will be far more time-consuming to setup. If you choose to hire a developer to setup a JAMstack site, any further change will require a developer.

Using WordPress, you don’t need technical knowledge to make a website quickly. Most style changes can be made straight from the dashboard, through the theme editor. For extra customization, beyond what themes offers, there’s usually a plugin to fix a problem or add a function. If not, the amount of documentation in WordPress communities allows non-technical people to solve problems.

With right themes and plugins, anyone can have a professional and functioning web in the short term on WordPress.

MORE STATIC THAN DYNAMIC

JAMstack isn’t good for highly dynamic sites. This includes sites with constant updates or lots of user interactions. The JAMstack ecosystem is improving its capabilities, but it’s not quite there yet.

One of main reasons is build time. If you make a change to the site’s code or content, you’ll trigger a rebuild. With a large site, this could take up to 15 minuts. This can be annoying when making small updates or corrections.

Static hosting services typically charge based on build minutes. So, making frequent updates will quickly use up your minutes, unless you have a generous plan. Fortunately, there are ways to cache pages to help speed up build time. It’s only a problem if there’s a lot of content updated frequently.

OPTIMIZED WORDPRESS SITES CAN BE REALLY FAST

There are a lot of guides with excellent ways of speeding WordPress sites. If you follow the rules (a CDN, a lightweight theme, image optimization) a WordPress sit can be very fast.

WordPress gets a bad reputation in terms of speed, due to bad practices from some user. Sometimes, unwittingly, they build sites burden with unnecesary plugins and large image files. Since the barrier to access is low, not everyone on WordPress has knowledge or experience with site optimization.

Conclusion

JAMstack sites are a fun part of the Javascript ecosystem. If your teammates are handy with JS, or the budget for developers, you can have a blazing fast site.

However, WordPress is still the best choice in many cases. This is seen when your team is mostly non-technical,and you don’t have budget for a custom site. Good thing is that, with attention to optimization, it’s possible to achieve a fast and secure WordPress site.

Know your types of headless CMS

The business risks of overlooking software documentation

Zero to MVP the right way