All Systems Operational
Powered By
profound-logo
profound-logoProfound CMS
⌘K
Admin

Hybrid Vs Headless

Two ways to use our CMS

Two ways to use our CMS


We provide two ways to use our CMS.


Headless

“Headless” uses ONLY schemas and uses our platform as an advanced database and “querying” platform.

You are responsible for injecting the fetched content into your React components.

If you want to create another route, you will have to create a new file.

This “Headless” approach might give you more flexibility in what you might be using our CMS for.


Hybrid

“Hybrid” combines “blocks” and “schemas” together.

It injects content into your React components in an organized way without tightly coupling with your codebase.

This gives both you and the CMS control over editing aspects, including:

  1. Easy route creation — create pages like /landingPage or /marketingSite directly from the UI without creating a new file
  2. Freedom to arrange and assign predefined blocks that follow your design guidelines
  3. Automatic live previews and overlays

Summary

This combines the headless approach of injecting data into your components while allowing you to directly use your React components, which you can reference from the admin panel.

Hybrid

Setup Hybrid CMS ProjectParametric Pages with ComponentsTypes of ComponentsSetup server sent events (SSE) content refetchSetup admin panel proxyStatic Rendering with Edit Mode SupportScripting in Template BuilderGetting Started Hybrid

Headless

Quick startSplit Screen JSON Component Builder with LLMComponent Zod Pull

MCP

MCP with Claude Code / Codex

Feature

Documentation Site TemplateFeature Template BuilderTranslation ServiceOrganizations & Website Heirarchy

Motivation

Our Approch

Terminology

'Hybrid' vs 'Headless'