# Jeden Markt aus einem Content-Modell bedienen

Next Story ist eine Headless-CMS-Demo. Jeder Abschnitt dieser Seite ist ein Storyblok-Block, den die Redaktion ohne Deployment ändert.

Ein Content-Modell, vom Entwurf zu veröffentlichten Seiten auf Englisch und Deutsch.

[So funktioniert es](/de/how-it-works)

[Die Blöcke ansehen](/de/blocks)

## Die Seite entdecken, ihre Bausteine kennenlernen

Dieses Projekt wächst Block für Block. Die Block-Bibliothek zeigt jeden Abschnitt einzeln. So wird sichtbar, wie sich die Seiten zusammensetzen.

![Aquarellierte Website-Skizzen mit wiederverwendbaren Seitenabschnitten](https://images.unsplash.com/photo-1522542550221-31fd19575a2d?auto=format&fit=crop&w=1600&h=840&q=85)

Hal Gatewood / Unsplash: https://unsplash.com/photos/watercolor-wireframe-sketches-of-website-layouts-tZc3vjPCk-Q

[Blöcke entdecken](/de/blocks)

## Was diese Demo zeigt

### Die Redaktion besitzt die Seite

Texte, Reihenfolge und SEO-Felder liegen in Storyblok. Neue Abschnitte sind React-Komponenten, keine CMS-Plugins.

[Die Redaktion besitzt die Seite](/de/blocks)

### Vorschau vor dem Veröffentlichen

Der Visual Editor zeigt Entwürfe auf der echten Site, über den Draft Mode von Next.js.

[Vorschau vor dem Veröffentlichen](/de/how-it-works)

### Veröffentlichen erneuert den Cache

Ein Storyblok-Webhook lässt die geänderte Story in beiden Sprachen ablaufen. Eine neue Überschrift braucht kein Redeployment.

[Veröffentlichen erneuert den Cache](/de/how-it-works)

### Zwei Sprachen, ein Modell

Übersetzbare Felder liefern die deutschen Routen aus denselben Stories.

[Zwei Sprachen, ein Modell](/)

## Was sich im CMS ändert und was im Code

Die Redaktion arbeitet mit den Blöcken, die die Entwicklung bereitstellt. Das Content-Modell verbindet beide Seiten.

Verantwortung für Inhalte und Komponenten

| Aufgabe | Redaktion in Storyblok | Entwicklung im Repository |
| --- | --- | --- |
| Texte und Übersetzungen | Felder bearbeiten und veröffentlichen | Kein Deployment nötig |
| Abschnitte anordnen | Vorhandene Blöcke umsortieren | Erlaubte Blöcke im Schema festlegen |
| Einen neuen Block hinzufügen | Den bereitgestellten Block verwenden | Schema, React-Komponente und Tests ergänzen |

## So entsteht diese Seite

Verfolge einen Storyblok-Block vom Content-Modell bis zur veröffentlichten Seite.

[So funktioniert es](/de/how-it-works)

Canonical: https://nextstory.marcopontili.com/de
Content source: storyblok; published representation.