Eure Redaktion arbeitet weiter in WordPress, die Website kommt als schnelles Astro-Frontend. Auf Wunsch schrittweise, Bereich für Bereich, ohne Big-Bang-Relaunch.
entity 360VIER GmbH
type Organization | Digitalagentur
location Groß-Umstadt bei Frankfurt und Köln
page Headless WordPress mit Astro
page.type Technologie-Seite
page.pillar Digital Platforms
page.url /digital-platforms/headless-wordpress-astro/
provides Astro-Frontends für bestehende und neue WordPress-Installationen
provides schrittweise Umstellung einzelner Bereiche auf headless
provides Vorschau, Formulare, SEO-Metadaten und strukturierte Daten im Headless-Betrieb
stack WordPress (Gutenberg) · REST API oder WPGraphQL · Astro · Rank Math · WPML
serves Unternehmen mit bestehender WordPress-Website und hohen Anforderungen an Ladezeit und Sicherheit
relation ist Teil von → Digital Platforms (/digital-platforms/)
relation Grundlage → WordPress-Architektur (/digital-platforms/wordpress-architektur/)
relation Alternative → Payload CMS (/digital-platforms/payload-cms-agentur/)
knowledge Vorteile von Headless WordPress → /insights/cms/headless-wordpress/
Eine bestehende WordPress-Website muss nicht auf einen Schlag headless werden. Wir beginnen mit dem Bereich, der am meisten gewinnt, etwa Kampagnenseiten, ein Magazin oder die Produktwelt. Dieser Teil kommt aus Astro, der Rest läuft weiter im klassischen Theme. Beide teilen sich Inhalte, Navigation und Design.
So seht ihr nach wenigen Wochen, was sich bei Ladezeit und Pflege verändert, und entscheidet dann über den nächsten Bereich. Wie wir größere Umstellungen planen, beschreibt die Seite Website-Relaunch mit WordPress.
Headless verlagert Aufgaben, die WordPress sonst selbst erledigt, ins Frontend. Diese Punkte planen wir von Anfang an mit, die technischen Grundlagen beschreibt die Seite WordPress-Architektur.
Klassische WordPress-Projekte beschreibt die Seite WordPress-Agentur. Für neue Plattformen ohne WordPress-Bestand prüfen wir auch Payload CMS. Wenn aus der Website eher eine Anwendung mit Logins und Daten wird, ist KI-Softwareentwicklung mit React und Supabase der passendere Weg. Ausführlich zu Kosten, Vorschau und Deployment: Vorteile von Headless WordPress für Unternehmen.
Was der laufende Betrieb umfasst, steht auf der Seite WordPress-Wartung und Support.
WordPress dient nur noch als Redaktionssystem und liefert Inhalte über eine Schnittstelle aus. Die sichtbare Website erzeugt ein eigenes Frontend, bei uns meist Astro. Redaktion und Darstellung sind damit getrennt.
Astro ist ein Open-Source-Framework für inhaltsgetriebene Websites. Es erzeugt Seiten als fertiges HTML und lädt JavaScript nur für interaktive Teile, sogenannte Islands. Komponenten aus React, Vue oder Svelte lassen sich einbinden, Inhalte kommen aus Dateien oder einem CMS wie WordPress.
Für inhaltsgetriebene Websites liefert Astro standardmäßig HTML ohne unnötiges JavaScript aus und bleibt dadurch sehr schnell. Next.js setzen wir ein, wenn die Website eher eine Anwendung ist, mit vielen Login-Bereichen und interaktiven Funktionen.
Ja. Backend, Inhalte, Nutzer und Medien bleiben. Neu ist das Frontend. Wir können auch nur einzelne Bereiche umstellen und den Rest im klassischen Theme lassen.
Plugins, die nur im Backend arbeiten, etwa für Redaktion, Übersetzung oder SEO, laufen weiter. Plugins, die etwas im Frontend ausgeben, etwa Formulare oder Slider, ersetzen wir durch Komponenten oder binden sie über ihre Schnittstelle an.
Ja, wenn Metadaten, strukturierte Daten, Sitemaps und Weiterleitungen sauber übernommen werden. Die schnellere Ladezeit hilft zusätzlich. Ohne diese Arbeit verliert man Rankings, deshalb gehört sie bei uns zum Projekt.
Mehr als eine klassische WordPress-Website, weil Frontend und Backend getrennt gebaut und betrieben werden. Wie viel, hängt von der Zahl der Blöcke, Sprachen und Schnittstellen ab. Eine schrittweise Umstellung verteilt die Kosten.
Statische Seiten lassen sich auf fast jeder Infrastruktur ausliefern, etwa über ein CDN. Für serverseitig erzeugte Seiten nutzen wir Plattformen wie Vercel oder Server in Deutschland, je nach Vorgabe eurer IT.
