Search by Algolia
Building a performant search bar in Nuxt with Algolia & Storefront UI
engineering

Building a performant search bar in Nuxt with Algolia & Storefront UI

In today's highly competitive e-commerce landscape, providing customers with a seamless and efficient search experience can make all ...

Jakub Andrzejewski

Senior Developer and Dev Advocate at Vue Storefront

How to use AI to build your business
ai

How to use AI to build your business

The world of technology is constantly evolving with generative Artificial Intelligence (AI) currently leading the charge. We’re suddenly surrounded ...

Abhijit Mehta

Director of Product Management

Haystack EU 2023: Learnings and reflections from our team
ai

Haystack EU 2023: Learnings and reflections from our team

If you have built search experiences, you know creating a great search experience is a never-ending process: the data ...

Paul-Louis Nech

Senior ML Engineer

What is k-means clustering? An introduction
product

What is k-means clustering? An introduction

Just as with a school kid who’s left unsupervised when their teacher steps outside to deal with a distraction ...

Catherine Dee

Search and Discovery writer

Feature Spotlight: Synonyms
product

Feature Spotlight: Synonyms

Back in May 2014, we added support for synonyms inside Algolia. We took our time to really nail the details ...

Jaden Baptista

Technical Writer

Feature Spotlight: Query Rules
product

Feature Spotlight: Query Rules

You’re running an ecommerce site for an electronics retailer, and you’re seeing in your analytics that users keep ...

Jaden Baptista

Technical Writer

An introduction to transformer models in neural networks and machine learning
ai

An introduction to transformer models in neural networks and machine learning

What do OpenAI and DeepMind have in common? Give up? These innovative organizations both utilize technology known as transformer models ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

What’s the secret of online merchandise management? Giving store merchandisers the right tools
e-commerce

What’s the secret of online merchandise management? Giving store merchandisers the right tools

As a successful in-store boutique manager in 1994, you might have had your merchandisers adorn your street-facing storefront ...

Catherine Dee

Search and Discovery writer

New features and capabilities in Algolia InstantSearch
engineering

New features and capabilities in Algolia InstantSearch

At Algolia, our business is more than search and discovery, it’s the continuous improvement of site search. If you ...

Haroen Viaene

JavaScript Library Developer

Feature Spotlight: Analytics
product

Feature Spotlight: Analytics

Analytics brings math and data into the otherwise very subjective world of ecommerce. It helps companies quantify how well their ...

Jaden Baptista

Technical Writer

What is clustering?
ai

What is clustering?

Amid all the momentous developments in the generative AI data space, are you a data scientist struggling to make sense ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

What is a vector database?
product

What is a vector database?

Fashion ideas for guest aunt informal summer wedding Funny movie to get my bored high-schoolers off their addictive gaming ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

Unlock the power of image-based recommendation with Algolia’s LookingSimilar
engineering

Unlock the power of image-based recommendation with Algolia’s LookingSimilar

Imagine you're visiting an online art gallery and a specific painting catches your eye. You'd like to find ...

Raed Chammam

Senior Software Engineer

Empowering Change: Algolia's Global Giving Days Impact Report
algolia

Empowering Change: Algolia's Global Giving Days Impact Report

At Algolia, our commitment to making a positive impact extends far beyond the digital landscape. We believe in the power ...

Amy Ciba

Senior Manager, People Success

Retail personalization: Give your ecommerce customers the tailored shopping experiences they expect and deserve
e-commerce

Retail personalization: Give your ecommerce customers the tailored shopping experiences they expect and deserve

In today’s post-pandemic-yet-still-super-competitive retail landscape, gaining, keeping, and converting ecommerce customers is no easy ...

Vincent Caruana

Sr. SEO Web Digital Marketing Manager

Algolia x eTail | A busy few days in Boston
algolia

Algolia x eTail | A busy few days in Boston

There are few atmospheres as unique as that of a conference exhibit hall: the air always filled with an indescribable ...

Marissa Wharton

Marketing Content Manager

What are vectors and how do they apply to machine learning?
ai

What are vectors and how do they apply to machine learning?

To consider the question of what vectors are, it helps to be a mathematician, or at least someone who’s ...

Catherine Dee

Search and Discovery writer

Why imports are important in JS
engineering

Why imports are important in JS

My first foray into programming was writing Python on a Raspberry Pi to flicker some LED lights — it wasn’t ...

Jaden Baptista

Technical Writer

Looking for something?

facebookfacebooklinkedinlinkedintwittertwittermailmail

The term “headless CMS” sounds funny, right? After all, in humans, the head comprises the control center — the brains — while the body simply responds to the head’s thoughts and impulses.

So the idea of a headless content management system (CMS) seems like something unmoored…a technological chicken with its head cut off. And a headless model evokes even weirder imagery, because a well-functioning headless CMS is not lacking in the head department; it typically sports multiple heads, like a scary-looking hydra monster.

Despite all that, the headless model is what makes the most sense from an optimized content delivery standpoint these days. That’s because the beauty and main strength of a headless CMS is that it can accommodate multiple types of content presentation platforms, such as websites, mobile phones, a CRM, and smart watches.

The evolution of the “headed” (traditional) CMS

Standard CMSes (also known as “coupled;” for example, WordPress) made their debut after the debut of the World Wide Web, following the money by letting companies make their website content significantly easier to manage. 

A traditional CMS has both a back end (the “body”; a content repository) and front end (the “display layer”), which are connected. It:

  • Allows for the creation and updating of content
  • Stores the content in a local database
  • Has a rigid, defined way for developers to get content displayed on the front end
  • Doesn’t allow content to be repurposed for different types of presentation (except by adding a plug-in)
  • Doesn’t necessarily play well with adjacent information systems, such as a product database

In short, old technology. 

Which still works, and which many companies are still using, particularly if they don’t have a need to send content to more than one presentation layer. 

But the content-dissemination options have been expanding, and companies have started focusing on content modeling. Now, in addition to content being provided through a browser, it can be expressly tailored to appear on other devices and in other applications. Consumers are looking to get their content on devices ranging from smart watches to voice assistants, and, of course, their trusty smartphones. 

What’s a headless CMS?

Enter the modern headless CMS. Its back end — the interface for creating, managing, and storing information — is separate from its front-end operations, the way the information is displayed. The front end doesn’t communicate with the back end, it only renders content.

And while “headless” does sound as though something major has gone missing, more intelligent functionality is gained to make up for that loss.

One thing you can gain with a headless CMS architecture is several “baby” heads tasked with shepherding the content to specifically where it needs to go.

The hydra monster is alive and well: instead of the back end controlling the flow of all information to one place, namely a website with templates, a RESTful API (or a GraphQL API) frees the content to travel to other places, such as iOS or Android mobile phones. Its readers could be playing a virtual reality game or using their company’s customer relationship management (CRM) tool, among other digital experiences.

So in this model, the place where content appears and how its presentation is facilitated are not concerns. Instead, the focus is on letting content editors create and collaborate to provide structured content that can be made available to various destination platforms as needed. 

The end result: an excellent customer experience for readers, wherever it’s taking place.

Headless use cases

As content management consultant Deane Barker notes in CMS Wire, headless (and “decoupled”) architectures have been around for a while; what’s fueling the “latest” headless craze is that companies now need to deliver their content to platforms other than standard web browsers. And that’s a lot easier to do, and things can move faster, without the limitations of an inflexible front end.

Headless CMSes are versatile, so they’re being used in a variety of applications, such as, with: 

  • Web apps
  • Ecommerce sites
  • Jamstack tools, which developers can use to improve performance, lower scaling expenses, and more
  • Static-site-generators (such as Next.js) 
  • Javascript frameworks (such as Vue.js)
  • Products (think content being beamed to digital kiosks in stores)
  • Services (for instance, voice assistants)

Why go headless?

The headless model is rolling out here, there, and everywhere because it can easily dispatch structured content to multiple destinations. It’s the preferred tool for omnichannel digital delivery, the integrated way of providing content that feels to customers like integrated, responsive, multiple-touchpoint marketing, sales, and customer service.

What do the benefits of headless entail? You can:

Empower content creators and editors

In a traditional CMS, writers and editors are reliant on developers to design the content interface on the website. Writers can write, but until the display structure is in place (rendering), they can’t publish.

When you lose the head of the CMS, you lose the need to render the content, which is then handled separately in the stack.

Another term for a headless CMS is content as a service (CaaS), as a genuinely headless CMS does not generate front-end code. That means no code tangled up with content, and editors not having to do any coding in order to get their content online. They can focus on their roles and workflows as creative content providers without having a shred of HTML experience, for instance. If they notice a typo in something that has gone live, they don’t have to type an email to the development team asking them to please fix it, and then wait around. They are made whole.

Editors aren’t the only ones whose jobs get much simpler upon removal of a CMS’s head. Marketing people and merchandisers benefit from the content independence of a headless CMS. They don’t have to interface with developers as an administrative step, which speeds up their processes and lets them instantly react when something (such as an item’s price) needs to be changed. 

Another benefit for non-techies is having a central content hub where they can update everything from dead links to product availability. And when they make a single change, that’s it: every content presentation platform is updated, which saves a ton of time.

This role separation in a headless system also means that employees and teams alike can work at their own paces, instead of having to march in tandem with developers’ often-rigid roll-out schedules.

Empower developers

If editors are thrilled with headless, does that mean developers get the short end of the stick? Heck no. Whether they’re focused on creating for the Web or for mobile apps, developers benefit immensely when headless content is handled using APIs.

For starters, they gain a huge amount of flexibility. They have the autonomy to select their preferred front-end programming languages, tools, and work processes. Without messing up the CMS, they can interchange parts of the tech stack, or switch frameworks.

Front-end developers can work on functionality for various channels, regardless of what’s happening on the back end.

Developers can pay attention only to creating great user experiences, and then hand everything off to the appropriate API and move on to something else. They can work on applications and then freely and quickly deploy them. This makes for a rewarding experience, and one that can also save tons of time (and expense).

Be truly agile

Not only do editors and developers find themselves enjoying new independence and power with a headless CMS, they find that the headless model improves the ways they collaborate with each other when they do need to connect.

 A central, agile headless work environment means publishing timelines can be shorter, for instance, because when a master content item is repurposed for multiple channels, there’s no time-consuming re-creation of content. Users can handle needs as they arise. Plus, managing content in a single place for multichannel distribution means users must learn the system only once. 

Move faster

Because a headless CMS lets editors easily repurpose different content types through a common interface, the process is speeded up.

You can add content to channels without having to first publish the material on the website, saving time. A single request takes care of the publishing task, resulting in fewer requests. And with fewer requests, response times can improve, leading to a leaner, meaner, more efficient enterprise. 

You can also more quickly add new channels because they may be pulling content from already-created sources.

Improve security

Beheading a CMS seems like it could add security risks, but the opposite is true. Why? 

Headless content is separate from what’s happening on the presentation layer, so there’s a smaller area that could be at risk. A security incursion on the front end can’t then access the separate back end. If there is a security breach on a web page, it doesn’t compromise the other pages or the site functionality. Also, there’s no way for prospective hackers to access a portal and enter data.

Scale easily

While traditional CMSes are limited in terms of scaling, a headless CMS means high scalability (with high availability). Developers can quickly add new channels, and then, when one is added, it can efficiently grab content from the central CMS. With a  headless CMS managed from one master source, you can also change developer tools if needed and then send content to high-performance cloud-based hosting and build services.

The missing headless ingredient: search

One thing headless CMSs naturally lack is integrated search functionality.

If you’re thinking that it’s not easy to build search, let alone the sophisticated type of search user interface that’s typically used these days, on top of a headless CMS solution, you’re right. 

Fortunately the build-from-scratch method isn’t necessary. Algolia offers an API plugin that integrates with headless CMSes to provide flexible, feature-rich search, letting you handle indexed data intelligently and at scale, and push it to any CMS, device, or endpoint.

You can efficiently integrate our API with a headless CMS by leveraging webhooks.

If you have a web server, you can add an API. 

Or if you host Sanity Studio (open source) on Netlify or Vercel (for instance), you can integrate Sanity.io with Algolia. Other options are Kentico and Storyblok.

For more information

When you’ve got first-rate search, you’re ready (for your head) to roll.

We’d love to help you adopt a headless architecture to expertly power your front end, optimize your content creation and reuse, and future-proof your system. Connect with us at Algolia and let’s get started.

About the author
Catherine Dee

Search and Discovery writer

linkedin

Recommended Articles

Powered byAlgolia Algolia Recommend

What is a headless website? A definition and examples
ux

Catherine Dee

Search and Discovery writer

How can you improve your content management system (CMS) with great search?
product

Catherine Dee

Search and Discovery writer

What is headless ecommerce and how does it work?
product

Vincent Caruana

Sr. SEO Web Digital Marketing Manager