Warum headless?
Als Kafarnaom mich kontaktierte, um ihren Online-Shop zu erstellen, war das Briefing klar: eine schnelle Website mit einzigartigem Design und tadellosem Nutzererlebnis. Klassisches WordPress + WooCommerce reichte nicht aus — das serverseitige Rendering von WordPress begrenzte die Leistung und kreative Freiheit.
Die gewählte Architektur
Ich wählte eine Headless-Architektur: WordPress/WooCommerce als CMS und Produktverwaltung (Backend) und Next.js für das Frontend. Diese Trennung bietet mehrere Vorteile:
- Leistung: Next.js SSR/SSG generiert ultraschnelle Seiten (Lighthouse 98/100)
- Design-Flexibilität: Totale Freiheit beim Rendering
- Natives SEO: Next.js verwaltet Server-Rendering und Meta-Tags nativ
- Entwicklererfahrung: React + TypeScript für wartbaren Code
Ergebnisse
- Lighthouse-Score: 98/100
- Ladezeit: <1.5s
- Website in 3 Wochen geliefert