Headless Kit
WordPress forbliver den editor, dine kunder kender. Sitet kører på Next.js med shadcn/ui-komponenter, som du selv ejer.
Headless Kit er en færdig Next.js 16-frontend og et lille tilhørende WordPress-plugin. Installér pluginet, indsæt én secret i frontenden, og dit WordPress-indhold bliver vist som typede React-komponenter – med previews, øjeblikkelige opdateringer og en editor, der ligner sitet. Det her site, madebypless.dk, kører på det.
Det får du
Gutenberg-blokke som komponenter
Standardblokkene bliver vist som React-komponenter bygget med shadcn/ui, ikke som en klump HTML. Tabeller, accordions, citater, knapper, billeder og gallerier ligner alle resten af sitet. Alt andet falder tilbage til WordPress' egen HTML.
Ét udtryk til site og editor
Vælg en stil på ui.shadcn.com/create, og anvend den med én kommando. WordPress-editoren får de samme farver, skrifttyper og blokstile – plus et preview i dark mode.
Previews og øjeblikkelige opdateringer
Preview-knappen åbner kladden på Next.js-sitet. Når du udgiver, redigerer eller sletter et indlæg, bliver præcis de cachede sider, der er ændret, opdateret.
- Forside, projekter og menuer. Forsiden er en side, du redigerer i Gutenberg, en projektsektion tager sig af cases, og menuerne i header og footer kommer fra WordPress.
- Custom post types og taksonomier. Alle offentlige post types i REST API'et får deres egne sider – og en oversigt, hvis de har et arkiv. Ingen route-filer at skrive.
- ACF-felter. Advanced Custom Fields kommer igennem som et typet objekt: billeder, links, relationer, repeaters og flexible content.
- SEO-plugins. Titler, beskrivelser, canonicals og delingsbilleder fra Rank Math, SEOPress eller Yoast havner i sidens metadata.
- Billeder og video. Billeder og gallerier, der er sat til Udvid ved klik, åbner i fuld størrelse i en lightbox. Indlejrede YouTube- og Vimeo-videoer bliver til responsive afspillere.
- Dark mode. En lys/mørk-knap, der følger den besøgendes system, indtil de selv vælger.
- Ingen GraphQL, ingen ekstra plugins. Det bruger WordPress' REST API og ét lille tilhørende plugin.
Tre udtryk, én kommando
Kittet kommer med tre navngivne udtryk, hver med lys og mørk tilstand. Skift med pnpm style studio, editorial eller bold, eller anvend et hvilket som helst preset fra ui.shadcn.com/create. WordPress-editoren følger med.
Sådan virker det
- Upload pluginet til dit WordPress-site, og indtast URL'en på din frontend.
- Kopiér den delte secret ind i Next.js-appens miljø, og start den. Pluginets indstillingsside bliver grøn, når de er forbundet.
- Skriv i WordPress, som du plejer. Deploy frontenden til Vercel eller din egen server med
node server.js.
Opsætningen tager omkring fem minutter. Guiden gennemgår det trin for trin – både for udviklere og for dem, der skriver i WordPress.
Priser
Engangsbetaling, intet abonnement. Begge licenser er permanente og inkluderer 12 måneders opdateringer.
Personal · $99
Til ét website – dit eget eller en kundes. Du kan fortsætte med at bruge det, når de 12 måneders opdateringer er slut.
Agency · $249
Til et ubegrænset antal websites – dine egne eller dine kunders. Kunderne beholder de sites, du bygger, og kan ændre dem.
Efter købet får du en mail med to downloads: Next.js-kittet og WordPress-pluginet (GPL v2 eller nyere). Betaling og levering håndteres af Lemon Squeezy.