Private preview · by invitation

A visual headless CMS for teams who still ship their own frontend.

Compose pages visually, on the real frontend you already built. Edit structured content safely. Publish to Next.js — without giving up developer control of the code.

See the editor

Frontend

Renders into your own Next.js project. The preview is your real site, not a mock.

Content

Schema-first sections — typed, validated, reusable across pages.

Onboarding

Import an existing repo; Compozer reads your components and seeds the page tree.

Origin

Built by Blackwater Technology in the UK. Powering real sites today.

01 · Product overview

One platform from visual composition
to structured delivery.

Compozer brings editors, developers and content operations into one governed workflow. Teams can build experiences visually, manage reusable structured content and prepare that content for delivery through a developer-friendly Content API.

Visual compositionStructured contentGraphQL Content APIFramework freedom

Editors compose and manage experiences visually while working within approved schemas.
Developers retain ownership of the frontend, components and delivery architecture.
Governed content can support websites, applications and other digital channels.
Schemas, validation and predictable contracts reduce unsafe or ad hoc content structures.

Content API

Query exactly what the experience needs.

GraphQL

Use GraphQL to retrieve typed content, relationships and reusable modules without coupling the frontend to the editor. Your application controls rendering while Compozer provides the governed content contract.

Query

query PageBySlug($slug: String!) {
  page(slug: $slug) {
    title
    seo {
      description
    }
    modules {
      __typename
      ... on HeroModule {
        headline
        lead
      }
      ... on FeatureGridModule {
        items {
          title
          body
        }
      }
    }
  }
}

Structured response

{
  "page": {
    "title": "Home",
    "modules": [
      {
        "__typename": "HeroModule",
        "headline": "Compose visually"
      }
    ]
  }
}

Illustrative query shape for private-preview discussions.

02 · Visual editor

Edit in place,
over the real site.

Open a project. Click any section on the canvas. The inspector adapts to that section's schema, and edits flow straight into the live frontend through the preview bridge — no flicker, no mocked styles.

CompozerVisual editor·AdamchykPublishedPublish

Pages

Home page

5 sections · /

Story

2 sections · /story

Watch

1 section · /watch

Section mapping

Official Film Site

Adamchyk

A short film in memory of Adam, Sophiia and Tetiana.

Inspector

hero-film

Eyebrow

Official Film Site

Headline

Adamchyk

Overlay

0.55

03 · Content platform

Structured content,
reused everywhere.

Content lives in the platform, not trapped in one page. Reusable modules live in the Content Hub; every image and file lives in the Media Library. Edit once, reuse across projects — with scope-aware sharing that decides where each resource is visible.

Content Hub

Reusable modules with a single source of truth. Place a shared section on many pages; edit it once in the Hub and every placement updates.

Shared modules & “where used”
Version history & restore

Media Library

Every image, video and document in one place, with alt text, captions and usage tracking. Replace an asset and it swaps wherever it's referenced.

Used-in tracking & replace history
Alt / caption governance

Scope-aware sharing

Resources carry a scope — Project, Workspace or Organisation. Promotion is one verb; sharing is a consequence of scope, not a separate library to maintain.

Project → Workspace → Organisation
Non-destructive promotion

Shared content is a reserved signal. A dedicated violet marks content that lives in the Content Hub, independent of the page you're on — never used for editing, navigation or primary actions. Teal stays the only brand accent.

04 · Import journey

Start from the repo
you already have.

Compozer doesn't ask you to rebuild. Point it at an existing Next.js repository — it reads your section components, infers the schema, and seeds a working page tree you can edit on day one.

Connect the repository

Authorise GitHub, read-only. Compozer never pushes to main unless you ask it to.

Detect sections & schema

Your components/sections are parsed into typed section schemas — hero, media-text, card-grid and the rest.

Seed the page tree

Existing routes become editable pages, each mapped to its sections, with content pulled from the code.

Edit & publish

Open the visual editor and start composing. Publishing writes back through the bridge to your real frontend.

compozer import · adamchyk-com

✓ Cloned main · 1,452 files

✓ Detected Next.js 15 App Router

✓ Parsed 5 section schemas from src/sections/

✓ Mapped 3 routes → pages

✓ Seeded 8 sections with content

# ready — open in editor

→ Opening project

05 · Schema

One contract.
Three consumers.

The editor, the API and your frontend import the same typed schema. Add a field and the inspector, the validator and the renderer all know about it — at compile time, not by convention.

compozer-appbuilds the inspector from the schema

compozer-apivalidates & stores structured pages

your-frontendrenders sections, fully type-safe

sections/hero-film.ts

// One section type. Same shape everywhere.

export const heroFilmSchema = z.object({

type: z.literal("hero-film"),

content: z.object({

eyebrow: nonEmptyString.optional(),

headline: nonEmptyString,

description: nonEmptyString,

backgroundVideo: videoAsset,

}).strict(),

settings: z.object({

overlayOpacity: z.number().min(0).max(1),

}).strict().optional(),

});

06 · Compozer AI

AI assist, inside
governed workflows.

Compozer AI is designed to help teams draft, rewrite, localise and prepare structured content inside the same schema, roles and review process as the rest of the platform. It can assist with imports, suggest schema mappings, prepare scheduled content, and propose new sections or component changes for review — without bypassing governance.

Draft, rewrite, localise

Generate and refine content inside typed fields, not free-form page blobs.

Constrained to field types

Import and map

Assist with WordPress and legacy CMS imports by mapping pages, blocks and assets into Compozer sections.

Mapped for editor review

Plan and schedule

Prepare campaign content, scheduled updates and reusable modules for editor review before publishing.

Human approval before publish

Propose, don’t bypass

Suggest schema changes, new sections or component mappings as reviewable changes, not hidden magic.

Human approval before publish

— Private preview

See Compozer on your own frontend.

We're onboarding a small number of teams during the private preview. If you ship a component-based site and want structured, visual editing without losing the codebase — let's talk.

By invitation · no public sign-up yet · compozer.tech

A visual headless CMS for teams who still ship their own frontend.

One platform from visual compositionto structured delivery.

Edit in place,over the real site.

Adamchyk

Structured content,reused everywhere.

Content Hub

Media Library

Scope-aware sharing

Start from the repoyou already have.

Connect the repository

Detect sections & schema

Seed the page tree

Edit & publish

One contract.Three consumers.

AI assist, insidegoverned workflows.

See Compozer on your own frontend.

One platform from visual composition
to structured delivery.

Edit in place,
over the real site.

Structured content,
reused everywhere.

Start from the repo
you already have.

One contract.
Three consumers.

AI assist, inside
governed workflows.