Headless CMS erklärt – Content ohne Frontend

Traditional CMS (wie WordPress): ``` CMS (Content + Frontend) -> Browser ``` Das CMS speichert den Content UND zeigt ihn. Alles ist gebündelt. Headless CMS: ``` CMS (nur Content) -> API | v Frontend (z.B. Next.js) -> Browser ``` Das CMS speichert nur Content. Verschiedene Frontends können auf die API zugreifen.

1. Komplexität: Setup ist komplizierter 2. Kein Admin-Interface: Du musst dein eigenes bauen oder eins nutzen 3. Entwicklung: Du brauchst Frontend-Entwickler

Content in Contentful: ```json { "id": "post-1", "title": "Hello World", "content": "This is my first post" } ``` Abgerufen von Next.js: ```javascript async function getPost(id) { const response = await fetch(`https://cdn.contentful.com/spaces/...${id}`); const post = await response.json(); return post; } ``` Angezeigt im Frontend: ```javascript export default function Post({ post }) { return ( <div> <h1>{post.title}</h1> <p>{post.content}</p> </div> ); } ```