Warum wir auf Headless WordPress setzen – Unsere Reise beginnt

Nach mehr als einem Jahrzehnt in der WordPress-Welt stehen wir vor einer entscheidenden Wende. Wir haben Hunderte von WordPress-Websites gebaut, optimiert und betreut. Wir kennen das System in- und auswendig. Und genau deshalb wissen wir: Es ist Zeit für eine Veränderung.

Dieser Artikel markiert den Start unseres "Build in Public"-Blogs. Wir dokumentieren transparent unsere Reise zur führenden WordPress Headless Agentur der Schweiz. Keine Marketing-Floskeln, keine geschönten Erfolgsgeschichten – nur ehrliche Einblicke in unsere Entwicklung.

Die Realität des traditionellen WordPress

Lassen Sie mich ehrlich sein: WordPress ist ein fantastisches CMS. Es ist flexibel, benutzerfreundlich und hat ein riesiges Ökosystem. Aber es hat Grenzen.

Performance-Probleme sind systemisch

In den letzten Jahren haben wir immer wieder dasselbe Muster beobachtet:

• Initiale Ladezeit: 3-5 Sekunden (trotz Caching)
• Plugin-Overhead: Jedes neue Plugin fügt JavaScript und CSS hinzu
• Datenbankabfragen: Bei jedem Request, auch für statischen Content
• Theme-Bloat: Moderne Themes laden oft 500KB+ JavaScript

Wir haben alles versucht: Caching-Plugins, CDN-Integration, Image Optimization, Lazy Loading. Die Ergebnisse waren... okay. Nie exzellent. Nie wirklich schnell.

Der Wendepunkt: Ein Experiment

Im Herbst 2024 führten wir ein internes Experiment durch. Wir nahmen eine typische WordPress-Site (Blog mit 50 Artikeln, WooCommerce mit 200 Produkten) und bauten sie zweimal:

Version A: Traditionelles WordPress

• Ladezeit: 4.2 Sekunden (Desktop, Fast 4G)
• PageSpeed Score: 65
• First Contentful Paint: 2.8s
• Time to Interactive: 5.1s

Version B: Headless mit Next.js

• Ladezeit: 0.8 Sekunden
• PageSpeed Score: 96
• First Contentful Paint: 0.4s
• Time to Interactive: 1.2s

// Beispiel: WordPress REST API Response
// Ein einzelner Post liefert ALLE Metadaten
{
  "id": 123,
  "title": "Blog Post Titel",
  "content": "...",
  // ... 50+ weitere Felder, die oft nicht benötigt werden
  "author": { /* komplettes Author-Objekt */ },
  "featured_media": { /* komplettes Media-Objект */ },
  "categories": [ /* Array mit kompletten Category-Objekten */ ],
  // usw.
}

// Mit GraphQL (optional) holen wir nur das Nötige:
query {
  post(id: 123) {
    title
    excerpt
    featuredImage {
      url
      alt
    }
  }
}

Das war der Moment. Nicht 10% schneller. Nicht 50% schneller. 80% schneller.

Warum Headless WordPress?

Nach diesem Experiment stellten wir uns die Frage: Soll es Headless Strapi sein? Contentful? Sanity?

Nein. WordPress bleibt unser Backend. Hier ist, warum:

1. WordPress als Content-Editor ist unschlagbar

• Bekannte Oberfläche: Unsere Kunden kennen WordPress bereits
• Mature Ecosystem: ACF, Yoast SEO, WP Migrate DB – alles funktioniert
• Flexibilität: Custom Post Types, Taxonomien, User Roles – alles da
• Plugins für alles: Payment, Formulare, Marketing – kein Neuaufbau nötig

2. Migrationskosten vs. Neuaufbau

Ein kompletter CMS-Wechsel (z.B. zu Contentful) bedeutet:

• Content-Migration (Wochen bis Monate)
• Redakteure müssen neues System lernen
• Alle Custom Workflows neu implementieren
• Alle Plugins/Integrationen ersetzen

Headless WordPress = Best of Both Worlds:

• Backend bleibt unverändert (Redakteure happy)
• Frontend komplett neu (Performance-Boost)
• Schrittweise Migration möglich

3. Die Schweizer WordPress-Community

In der Schweiz gibt es Tausende WordPress-Websites. Viele davon:

• Haben Performance-Probleme
• Können nicht einfach auf ein neues CMS migrieren
• Brauchen die Flexibilität von WordPress

Das ist unser Markt. Diese Unternehmen brauchen keine neue Content-Plattform. Sie brauchen ein schnelleres Frontend.

Unsere Entscheidung: All-in auf Headless

Im November 2024 trafen wir die Entscheidung: WordPress Headless wird unsere Hauptspezialisierung.

Was das bedeutet:

Technologie-Stack:

• Backend: WordPress + REST API (oder GraphQL mit WPGraphQL)
• Frontend: Next.js 16 (App Router, Cache Components, React Compiler)
• Deployment: Vercel (Frontend) + Managed WordPress Hosting (Backend)
• CDN: Vercel Edge Network (globale Verfügbarkeit)

Fokus-Bereiche:

1. E-Commerce: WooCommerce → Next.js (bessere Conversion durch Speed)
2. Publishing/Media: Blogs, Magazine (bessere Ad-Performance durch schnelle Ladezeiten)
3. B2B SaaS: Marketing-Sites (bessere SEO, bessere Lead-Generation)

Positionierung:

• #1 Headless WordPress Agentur in der Schweiz (Ziel für 2025)
• Thought Leadership: Blog, Open Source, Community
• Premium-Positionierung: Qualität vor Quantität

Die Herausforderung: 0 Headless-Kunden

Volle Transparenz: Wir haben aktuell noch keine WordPress Headless Kunden im Portfolio.

Was wir haben:

• 10+ Jahre WordPress-Erfahrung (traditionelle Entwicklung)
• 1 E-Commerce Migration: WooCommerce + Laravel → Next.js (war aber KEIN WordPress Headless Projekt)
• Diese Website: Unser eigener Proof of Concept (Next.js 16, optimiert für Performance)

Was wir NICHT haben:

• Mehrere WordPress Headless Case Studies
• Client-Logos von Headless-Projekten
• "Wir haben X Websites migriert"-Claims

Und das ist okay. Wir stehen am Anfang unserer Headless-Spezialisierung. Diese Reise dokumentieren wir transparent.

Unser Plan: Von 0 zu #1

Hier ist unsere ehrliche Roadmap:

Q1 2025: Launch Partner Programm

• 3 Early Adopter Projekte mit 30% Rabatt
• Ziel: Case Studies aufbauen, lernen, Portfolio erstellen
• Fokus auf E-Commerce und Publishing

Q2 2025: Content & Community

• Wöchentliche technische Blog Posts (wie dieser)
• Open Source: Next.js WordPress Starter Template
• Meetups & Talks in Zürich/Bern

Q3-Q4 2025: Skalierung

• 10+ erfolgreiche Headless-Projekte
• Messbare Performance-Verbesserungen dokumentiert
• Anerkannt als Top 3 Headless-Anbieter in der Schweiz

Langfristig (2026+):

• #1 Headless WordPress Partner in der Schweiz
• SaaS-Produkt: Managed Headless WordPress Platform
• Internationales Wachstum (DACH-Region)

Warum wir erfolgreich sein werden

Das ist keine "Fake it till you make it"-Story. Hier sind unsere echten Stärken:

1. Tiefe WordPress-Expertise

Wir kennen WordPress nicht nur oberflächlich. Wir verstehen:

• Die Datenbankstruktur
• Hook-System und Actions/Filters
• Performance-Bottlenecks
• Security Best Practices
• Plugin-Architektur

Diese Expertise ist im Headless-Kontext Gold wert.

2. Moderne Frontend-Kompetenz

Unser E-Commerce-Projekt (Laravel → Next.js) hat bewiesen:

• Wir beherrschen Next.js 16 (App Router, Server Components, PPR)
• Wir verstehen React 19 und den React Compiler
• Wir können komplexe Frontends bauen und optimieren

3. Performance-Obsession

Diese Website ist unser Proof of Concept:

• PageSpeed Score: 96 (Desktop), 88 (Mobile)
• LCP: 1.2s (Desktop), 2.1s (Mobile)
• Zero Plugin Overhead

Wir haben bewiesen, dass wir schnelle Websites bauen können. Jetzt skalieren wir das.

4. Schweizer Markt-Verständnis

• Datenschutz ist kritisch (GDPR/DSG-Compliance)
• Qualität vor günstigen Preisen
• Langfristige Partnerschaften statt Projekt-Hopping
• Mehrsprachigkeit (DE/FR/IT/EN)

Unsere Werte für diese Reise

1. Transparenz

• Wir zeigen unsere Fehler und Learnings
• Keine geschönten Case Studies
• Ehrliche Performance-Messungen mit Methodik

2. Qualität

• Lieber 3 exzellente Projekte als 10 mittelmässige
• Code Quality: TypeScript, Tests, Best Practices
• Langfristige Partnerschaften

3. Innovation

• Wir nutzen neueste Technologie (Next.js 16, React 19)
• Wir experimentieren (z.B. React Server Components)
• Wir teilen unser Wissen (Open Source, Blog)

4. Kundenzentrierung

• Migration ohne Content-Verlust
• Redakteure müssen nicht neu lernen (WordPress bleibt)
• Messbare Verbesserungen (Performance, Conversion, SEO)

Was Sie erwarten können

Dieser Blog wird nicht nur Marketing sein. Sie können erwarten:

Technische Deep-Dives:

• "Next.js 16 + WordPress: Komplette Architektur"
• "GraphQL vs. REST API für Headless WordPress"
• "Caching-Strategien mit Vercel und WordPress"

Performance-Transparenz:

• "Dieser Website: 68% schneller – So haben wir es gemessen"
• "Core Web Vitals vor/nach der Migration"
• "E-Commerce Conversion-Lift: Messungen und Methodik"

Build in Public:

• Wöchentliche Updates zum Launch Partner Programm
• Offene Diskussion von Herausforderungen
• Code-Snippets und Best Practices

Learnings:

• "Was wir bei unserem ersten Headless-Projekt falsch gemacht haben"
• "WordPress REST API Limits – und wie man sie umgeht"
• "Warum wir WPGraphQL gewählt haben (oder auch nicht)"

Werden Sie Teil unserer Reise

Wir stehen am Anfang. 0 Headless-Kunden, aber 10+ Jahre WordPress-Expertise und eine klare Vision.

Wenn Sie:

• E-Commerce betreiben (WooCommerce, 50K+ Traffic/Monat)
• Publishing/Media sind (100K+ Traffic/Monat)
• B2B SaaS Marketing-Site haben

Und Sie:

• Performance-Probleme haben
• Conversion verbessern möchten
• Bereit sind, Teil unserer Portfolio-Building-Phase zu sein

Launch Partner Programm:

• 30% Rabatt auf alle Pakete (Pilot, Standard, Premium)
• Priority Support direkt vom Gründer-Team
• Public Case Study (Ihr Brand wird sichtbar)
• Einfluss auf unsere Produkt-Roadmap

Jetzt als Launch Partner bewerben

Nächste Schritte

In den kommenden Wochen werden wir veröffentlichen:

Woche 2: "Next.js 16 + WordPress: Unsere komplette Architektur erklärt"

• Technical Deep-Dive: Cache Components, PPR, Server Components
• Code-Beispiele aus echten Projekten
• Deployment-Setup (Vercel + WordPress)

Woche 3: "68% schneller – So haben wir diese Website gemessen"

• Vollständige Performance-Methodik
• Tools, Tests, und Raw Data
• Caveat: Warum individuelle Ergebnisse variieren

Woche 4: "Launch Partner Programm: Werden Sie Teil unserer Reise"

• Detaillierte Package-Beschreibungen
• Anwendungsprozess
• FAQ und Erwartungen

Fazit: Warum wir das tun

WordPress hat uns über ein Jahrzehnt lang ernährt. Aber wir sehen die Zukunft kommen:

• Mobile First: Jede Millisekunde zählt
• Core Web Vitals: Google belohnt schnelle Sites
• E-Commerce: Conversion hängt von Geschwindigkeit ab
• Developer Experience: Moderne Frameworks sind produktiver

Headless WordPress vereint das Beste aus beiden Welten: Die Content-Management-Power von WordPress mit der Performance und Developer Experience von Next.js.

Unser Ziel ist klar: Die #1 Headless WordPress Agentur der Schweiz zu werden.

Unser Ansatz ist ehrlich: Wir dokumentieren jeden Schritt – Erfolge und Fehler.

Unsere Einladung an Sie: Folgen Sie unserer Reise. Lernen Sie mit uns. Oder werden Sie Launch Partner und gestalten Sie sie mit.

---

Bis nächste Woche – wo wir tief in unsere Next.js 16 + WordPress Architektur eintauchen.

Folgen Sie uns auf LinkedIn und GitHub für wöchentliche Updates.