Skip to content
Interactive demo

Change the text. See the result.

Explore how a draft becomes published content for a website, REST and GraphQL, using Berg & Tal as an example. No sign-in needed, right in your browser.

Berg & Tal · DE / IT / EN

One content source. Website, editors and API.

Berg & Tal is our fictional agency with services, a team, projects and news. The published reference app shows actual CMS content, linked records and three languages: German, Italian and English.

01 / Open the reference website ↗

The exercise below runs only in your browser with a shortened example. It sends no API requests and changes neither the reference website nor your space. Reload to reset it.

02 / Edit text in the demo

Your change starts as a draft. The website and both delivery APIs keep reading the published version.

Draft and publication match.

Website excerpt in this demo

Berg & Tal / Project

Alpenlicht

Alpenlicht: A new identity for a boutique hotel.

The design stays the same. Editors change content and the app reads it. AI layout changes are a separate step.

In the reference app, follow a project's service and contact references. Talmarkt uses the German fallback when Italian is missing; unpublished news stays hidden.

04 / Read the same content via REST or GraphQL

Both views show the same locally published content in different API formats. These are simulated responses; no API requests are sent.

{
  "items": [
    {
      "id": "example-alpenlicht",
      "contentTypeId": "example-project-type",
      "status": "published",
      "data": {
        "title": "Alpenlicht",
        "summary": "Alpenlicht: A new identity for a boutique hotel.",
        "slug": "alpenlicht"
      }
    }
  ],
  "total": 1,
  "limit": 1,
  "skip": 0
}

Ready for real API requests? The developer guide shows you how to create a content type, publish a record and read it with REST or GraphQL.

Get started with REST and GraphQL

Let’s get to know your project.

From the first model to everyday publishing.

Request access
Interactive CMS demo — smartcms