byteNative
CMS & Content

Payload

TypeScript-natives Headless CMS direkt neben deinem Code.

Was ist Payload?

Payload ist ein Headless-CMS, das von Grund auf in TypeScript geschrieben ist und direkt neben deinem Anwendungscode lebt, statt als separate Plattform daneben zu stehen. Du definierst deine Collections als Code, und Payload leitet daraus sowohl das Admin-Panel als auch eine typsichere lokale API und eine REST- und GraphQL-Schnittstelle ab. Weil Konfiguration und Inhalte typsicher sind, fallen Fehler schon im Editor auf, lange bevor sie produktiv werden. In der aktuellen Version integriert es sich direkt in Next.js und teilt sich Datenbank und Deployment mit der App, was es für entwicklerzentrierte Projekte besonders stimmig macht.

Mehr in der Dokumentation

Wofür wir es nutzen

Wir setzen Payload ein, wenn das CMS Teil deiner TypeScript-Anwendung sein soll und nicht ein fremdes System, an das wir uns mühsam anbinden. Weil sich die Typen aus der Collection-Konfiguration ableiten, greifen wir im Frontend typsicher auf Inhalte zu, und Tippfehler in Feldnamen fallen schon beim Bauen auf. Für Projekte, die ohnehin auf Next.js laufen, teilt sich Payload Datenbank und Deployment mit der App, was den Betrieb deutlich vereinfacht.

ts
import { getPayload } from "payload";
import config from "@payload-config";

const payload = await getPayload({ config });

const posts = await payload.find({
    collection: "posts",
    where: { status: { equals: "published" } },
    limit: 10,
});
lokale API liest typsicher aus der Datenbank

Gut zu wissen

Nutze im Server-Code die lokale API statt eines HTTP-Aufrufs auf die eigene REST-Schnittstelle. Sie spricht direkt mit der Datenbank, spart dir den Netzwerk-Roundtrip und liefert dir die generierten Typen ohne Umweg.

00CMS & Content

Weitere Werkzeuge, mit denen wir im selben Bereich arbeiten.

Welche Technologie passt zu dir?

Das musst du nicht entscheiden, das ist unser Job. Erzähl uns einfach von deinem Vorhaben.