What is a Visual Headless CMS (aka Visual CMS)?

• Joomla!

  28 4,668 9.9 PHP

  Home of the Joomla! Content Management System

  

This post will be discussing a cutting-edge concept known as a Headless Visual CMS, or Headless Visual Content Management System. This is not your ordinary CMS; we are not referring to platforms like WordPress, Joomla, Drupal, Sanity.io, Contentful, or anything like that. Instead, we're talking about a fusion of the best headless CMS features and the simplicity of site builders like Wix or Squarespace.

• WordPress

  919 18,902 9.9 PHP

  WordPress, Git-ified. This repository is just a mirror of the WordPress subversion repository. Please do not send pull requests. Submit pull requests to https://github.com/WordPress/wordpress-develop and patches to https://core.trac.wordpress.org/ instead.

  

This post will be discussing a cutting-edge concept known as a Headless Visual CMS, or Headless Visual Content Management System. This is not your ordinary CMS; we are not referring to platforms like WordPress, Joomla, Drupal, Sanity.io, Contentful, or anything like that. Instead, we're talking about a fusion of the best headless CMS features and the simplicity of site builders like Wix or Squarespace.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• Tailwind CSS

  1,291 79,207 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

Say you’re using Next.js with Tailwind for your app (or site), you can write some generic card component, like this:

• Next.js

  2,065 121,749 10.0 JavaScript

  The React Framework

  

Say you’re using Next.js with Tailwind for your app (or site), you can write some generic card component, like this:

• headlessui

  181 24,696 9.3 TypeScript

  Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

  

As devs, you might think of the term “headless” and your first association might be “headless components”, which are probably registered in your brain as components that only have an API and no UI. What I mean are projects/libraries like Headless UI, RadixUI, Downshift, TanStack Table, or a slew of others I might be forgetting.

• foundation

  213 86 0.0

  GraphQL Foundation Charter and Legal Documents (by graphql)

  

It just means the content is made accessible through either a GraphQL or REST API and can be displayed on pretty much any device you can think of. The magic here is that the headless CMS separates the backend (where you create and store content) from the frontend (where design and deployment happen), leaving the frontend presentation out of its scope.

Suggest a related project