Projekt

Payload Kit

En starter med Payload CMS 3 og Next.js 16, Tailwind og shadcn/ui: website og editor i én app.

Kunde: Eget produkt
År: 2026
Rolle: Design og udvikling

Payload Kit

Problemet

Headless WordPress virker, men det betyder, at du skal køre to systemer: en PHP-server til editoren og en Next.js-app til sitet. Payload CMS kører inde i selve Next.js-appen, med indholdsmodeller skrevet i TypeScript. Payload Kit er et rent udgangspunkt for det setup, med værktøjerne allerede på plads.

Det er der i

Payload CMS 3, Next.js 16, Tailwind CSS v4 og shadcn/ui i én app: website og adminpanel bliver deployet sammen
Sider med kladder, rich text-indhold og et hero-billede. En side med sluggen home bliver forsiden, og alle andre udgivne sider får deres egen URL
Data hentes via Payloads Local API, med genererede TypeScript-typer til hver collection
SQLite til lokal udvikling og et skift til Postgres i produktion på Vercel
Biome til linting og formatering, en pre-commit-hook, Vitest- og Playwright-tests og en Dockerfile

Skærmbilleder

Payload Kit front page in light mode: a large "Small, focused tools for web developers." headline, an intro paragraph, a "See the pages" button and a terminal card listing the pages — Forsiden, styret af siden med sluggen home

Payload Kit front page in dark mode, with light text on a near-black background — Den samme side i dark mode

Payload Kit About page: a /about label, the page title, a lead paragraph and rich-text body content — En almindelig side, vist på sin slug

Status

Under udvikling og stadig i den tidlige fase: fundamentet er på plads, og resten er på vej.