WordPress WooCommerce

Headless Starter Kit

Sofort einsatzbereites Next.js-15-Frontend für WooCommerce — JWT-Auth, Warenkorb, Checkout, ISR, Deployment auf Vercel oder Hetzner in einem Befehl.

Headless Starter Kit verwandelt Ihren WooCommerce-Shop in wenigen Minuten in einen Headless-Commerce. Das Plugin stellt die benötigten JWT- und REST-APIs auf WordPress-Seite bereit und liefert, direkt aus dem Admin herunterladbar, ein vollständiges Next.js-15-Projekt, vorkonfiguriert mit Ihren URLs und Secrets.

Next.js 15 WooCommerce 8+ HPOS-kompatibel Vercel und Hetzner ready
  • 30 Tage Rückgaberecht
  • 12 Monate Updates
  • 24-h-Support
www.datafirefly.com/de/
Headless Starter Kit
v1.0.0 · aktualisiert 2026-05-23
Was es leistet

Die Kurzfassung.

01

Eigenständige JWT-Auth

Login, refresh, /me, register, logout — ohne Composer-Abhängigkeit oder Drittanbieterbibliothek (eigenes HS256).

02

Stateless oder serverseitiger Warenkorb

Signierter JWT-Modus für Edge und Multi-Instance, oder native WC_Session, um mit Ihren WooCommerce-Erweiterungen kompatibel zu bleiben.

03

WooCommerce-Checkout unangetastet

Erzeugt eine echte Bestellung, löst alle nativen Hooks aus, leitet zum vorhandenen Zahlungs-Gateway weiter (Stripe, PayPal, Mollie, etc.).

04

ISR auf Abruf

Webhooks für Produkte, Kategorien, Bestellungen, Seiten. Next.js regeneriert nur das, was sich ändert — kein Cron, kein Komplett-Rebuild.

05

Deployment in einem Befehl

Vercel zero-config oder Hetzner via docker-compose und beigelegtem Bash-Skript. Umgebungsvariablen vorausgefüllt.

06

Next.js-Starter im ZIP enthalten

Tailwind 3.4, App Router, iron-session, Seiten für Startseite, Liste, ISR-Produktdetailseite, Warenkorb, Checkout, Login, Registrierung, Kundenkonto.

Die ausführliche Fassung

Alles, was Sie wissen sollten bevor Sie installieren.

Ein detaillierter Blick darauf, wie Headless Starter Kit funktioniert, warum wir es so gebaut haben und der Gedanke hinter den Funktionen oben.

§ 01

Warum auf Headless umsteigen?

Die Entkopplung des Frontends vom WordPress-Backend bringt Performance (grüne Core Web Vitals dank ISR), Designflexibilität (modernes Tailwind und React-Komponenten) und Sicherheit (Ihr Back-Office bleibt öffentlich unsichtbar). Headless Starter Kit liefert die fertige Brücke — Sie müssen Auth, Warenkorb und Checkout nicht neu erfinden.

§ 02

JWT-Auth ohne Abhängigkeit

Das Plugin bringt seine eigene HS256-Implementierung mit — kein Composer, keine Drittanbieterbibliothek, kein simple-jwt-auth-Fork. Kurzlebige Access-Tokens (60 Min Standard) und langlebige Refresh-Tokens (30 Tage), alles konfigurierbar. Refresh-Tokens werden auf der Next.js-Seite in httpOnly-Cookies gespeichert, die via iron-session verschlüsselt sind.

§ 03

Warenkorb: wählen Sie Ihren Modus

JWT-Modus (Standard): Der gesamte Warenkorb wird in ein signiertes Token serialisiert, das über den Header X-DFHSK-Cart zurückgegeben wird. Keine Datenbank beteiligt, ideal für Vercel Edge oder Multi-Instance. Server-Modus: Der Warenkorb lebt in der nativen WC_Session. Unverzichtbar, wenn Sie WooCommerce-Erweiterungen verwenden, die in den Warenkorb eingreifen (Abonnements, Dynamic Pricing, etc.).

§ 04

Checkout: alles WooCommerce funktioniert weiter

Das Plugin implementiert den Checkout nicht neu. Es erstellt eine echte WooCommerce-Bestellung, löst alle üblichen Hooks aus (Benachrichtigungen, Lagerbestand, Steuern, Zahlungs-Gateways) und gibt die Redirect-URL des Gateways zurück. Stripe, PayPal, Mollie, Überweisung, Scheck — alles, was in WooCommerce funktioniert, funktioniert auch hier.

§ 05

ISR ohne Kopfschmerzen

Bei jeder Änderung eines Produkts, einer Kategorie, einer Seite oder einer Bestellung schickt das Plugin einen signierten POST an /api/revalidate Ihres Next.js-Frontends. In den Einstellungen entscheiden Sie, welche Ereignisse propagiert und welche Pfade oder Tags revalidiert werden sollen. Kein veralteter Cache, kein Cron, kein Komplett-Rebuild.

§ 06

Next.js-Starter inklusive, einsatzbereit

Das ausgelieferte ZIP enthält ein vollständiges Next.js-15-Projekt (App Router): Startseite, Liste, ISR-Produktdetailseite, Warenkorb, Checkout, Login, Registrierung, Kundenkonto. Umgebungsvariablen bereits mit Ihren WordPress-URLs und Secrets ausgefüllt. Vercel zero-config oder Hetzner via docker-compose und Bash-Skript.

§ 07

Integrierte Diagnose

Diagnose-Tab im WordPress-Admin: 11 automatische Prüfungen (WooCommerce aktiv, saubere Permalinks, REST erreichbar, HTTPS, GraphQL erkannt, JWT-Secret definiert, Frontend-URL gesetzt, CORS-Origins gültig, Revalidierungs-Token, WooCommerce-REST-Keys, Warenkorb-Modus). Grün, Orange oder Rot, um sofort zu erkennen, was blockiert.