How to Replace Your Rapidly Aging Monolithic CMS

Background

A paradigm shift

Monolithic CMS have major compatibility issues, especially with the release of PHP8

The answer is the Jamstack and headless CMS

What is needed to adopt the Jamstack?

Find a Suitable Static Site Generator

How to find the best static site generator

1. What are you building?

  • A site whose primary function is to deliver content? If so, a tool in which priorities are generating pages and URLs while giving you straightforward control over exactly what is output might be your best choice. Tools like Jekyll, Hugo, Nuxt, and Eleventy do this very well indeed.
  • A site with a more complex application-like function? Some sites are less about “viewing” and more about “doing”. And while most SSGs can be used as the basis for a web application, others come with more advanced, client-side features ready-to-go. GatsbyJS, NextJS, and SapperJS might provide some useful capabilities.
  • A large site with many thousands of pages? Static site generators are achieving faster and faster build speeds. But that can still take a little time. If you have very many pages to generate, you’ll need to consider this. Some tools have incredibly impressive generation times. Gatsby is particularly remarkable, as is Eleventy.

2. How are you building?

3. How complex are your templating needs?

Look for a Headless CMS

Sharpen Your JavaScript and API Skills

Why Next.js?

  • Based on React and relatively easy to learn
  • That’s it. If you’ve written any React at all, you will find yourself at home with Next.js. It offers you advanced tools and robust API support, but it doesn’t force you to use them.
  • Built-in CSS support.
  • Writing CSS in component-driven frameworks comes with a sacrosanct need for the “cascade.” It’s why you have CSS-in-JS tools, but Next.js comes out of the box with its offering — styled-jsx, and also supports a bevy of styling methodologies.
  • Automatic TypeScript support.
  • If you like to code in TypeScript, you have automatic support for TypeScript configuration and compilation with Next.js.
  • Multiple data fetching techniques.
  • It supports SSG and/or SSR. You can choose to use one or the other or both.
  • File-system routing.
  • To navigate between one page to another is supported through the file-system of your app. You do not need any unique library to handle routing.
  • Image optimization: The Automatic Image Optimization allows for resizing, optimizing, and serving images in modern formats like WebP. This avoids shipping large images to devices with a smaller viewport.
  • Analytics: Analytics provides your Real Experience Score through data from actual visitors. Adopt a performance-focused workflow and leave manual and synthetic tests behind.
  • Internationalization: built-in support for internationalized (i18n) routing. You can provide a list of locales, the default locale, domain-specific locales, and Next.js will automatically handle the routing.

What makes Strapi different from a CMS such as WordPress

Traditional or Decoupled CMS?

Jamstack and Headless CMS — opportunities and risks

--

--

--

I love the intersection of sales, marketing, product and finance. I am the Mad Growth Officer & Co-Founder of WebriQ Goes Mad. I love living outside.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

What is a better font size for programming?

How to easily display data on a TableViewController for beginners Swift4

The Case of the Delinquent Node.js Service

Moving from Loggly to Application Insights

Bluetooth Mesh — fast and uncomplicated integration

Install NVIDIA CUDA on Linux

Weekly Digest 34/2021

CQRS Design Pattern in Microservices Architectures

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Alex Belding

Alex Belding

I love the intersection of sales, marketing, product and finance. I am the Mad Growth Officer & Co-Founder of WebriQ Goes Mad. I love living outside.

More from Medium

Audio Collaboration on Google Docs with Mote

The next big thing is Low code IT Development platform

🌳Notion Treehouse Community — Monday Memory Memo #9

Quoality — 2021 Rewind