Headless WordPress-Entwicklungsfirma: Next.js und Astro

Die meisten Unternehmen, die nach Headless WordPress fragen, haben kein WordPress-Problem. Sie haben ein Frontend-Problem: Seiten, die langsam geladen werden, ein Design, das das Theme nicht ganz liefern kann, oder Inhalte, die sowohl in einer mobilen App als auch auf der Website angezeigt werden müssen. Headless behebt das und es entstehen ein paar neue Probleme, wenn Sie nicht darauf vorbereitet sind.

Was Headless WordPress mit Next.js eigentlich bedeutet

Bei einer normalen WordPress-Seite speichert ein System den Inhalt und erstellt auch jede Seite. In einem Headless-Setup teilen sich diese beiden Jobs auf. WordPress bleibt die Inhaltsquelle: Ihre Redakteure verwenden dieselben Admin-Bildschirme, dieselbe Medienbibliothek und dieselben benutzerdefinierten Felder. Ein separates Frontend, geschrieben in React, Next.js oder Astro, ruft diesen Inhalt über WPGraphQL oder die REST-API ab und rendert die Seiten, die Besucher sehen.

Das ist die ganze Idee hinter der Verwendung von WordPress als Headless-CMS. Der „Kopf“ ist die Themenebene, und Sie haben ihn gegen Code ausgetauscht, den Sie vollständig kontrollieren.

Was wir bauen

Wir sind in erster Linie ein Software-Engineering-Unternehmen, das bestimmt, wie wir das angehen. Das Frontend ist echter Anwendungscode in typsicherem TypeScript, kein Theme mit ein paar eingebauten API-Aufrufen.

• Ein Next.js- oder Astro-Frontend, je nachdem, wie interaktiv die Website ist (Astro für inhaltsintensive Websites, die fast kein JavaScript ausliefern sollten, Next.js, wenn es App-ähnliches Verhalten gibt)
• WPGraphQL- oder REST-Schemas, die auf Ihrem Inhaltsmodell basieren, sodass das Frontend nicht gegen die Daten ankämpft
• Inhaltsvorschauen, sodass Redakteure einen Entwurf im echten Frontend sehen, bevor er live geht
• Eine Inhaltsquelle, die die Website versorgt, eine React Native-App und alles andere, was sie benötigt
• Caching und CDN-Konfiguration, damit Seiten auch bei echtem Traffic schnell sind
• Migration einer bestehenden WordPress-Website, wobei URLs und Inhalte intakt bleiben

Wenn Sie auch Drupal oder ein anderes Headless-CMS benötigen, haben wir auch diese Arbeit erledigt, und wir sagen es, wenn ein anderes System besser passt als WordPress.

Wenn sich Headless auszahlt

Stellen Sie sich einen regionalen Verlag mit ein paar tausend Artikeln, einer mobilen App und einem zwölfköpfigen Redaktionsteam vor. Die Seite ist langsam, weil das Theme bei jeder Anfrage Dutzende von Plugins lädt und das App-Team die Website ständig nach Inhalten durchsucht. Headless bietet ihnen eine schnelle, vorgerenderte Website und eine API, die sowohl die Website als auch die App lesen. Redakteure werden überhaupt nicht umgeschult.

Es zahlt sich auch aus, wenn die Designanforderungen über das hinausgehen, was ein Theme vernünftigerweise leisten kann, wenn Sie strenge Leistungsbudgets benötigen oder wenn Sicherheitsteams möchten, dass die öffentliche Website vom Administrator und der Datenbank entkoppelt wird.

Wenn es sich nicht lohnt

Headless ist mehr zu bauen und mehr zu warten, da du jetzt zwei Codebasen und eine API dazwischen laufen lässt. Überspringen Sie es für eine kleine Broschürenseite, die zweimal im Jahr wechselt. Überlegen Sie genau, ob Ihr Team auf Seitenersteller oder Frontend-Plugins (Formulare, Slider, Mitgliedschaftstools, viele SEO-Add-Ons) angewiesen ist, um Layouts ohne Entwickler zu ändern, da diese im Theme gerendert werden und Ihnen nicht zu einem separaten Frontend folgen. Einige können als Komponenten neu erstellt werden, andere nicht, und du solltest wissen, welche, bevor du dich festlegst.

Hosting und Plattform

Sweent ist Mitglied des WP Engine Agency Partnerprogramms und unsere Projekte werden von einem engagierten WP Engine-Partnerteam unterstützt. Für die Inhaltsebene bedeutet das EverCache und ein globales CDN, automatische Updates mit Rollback, einen verwalteten WAF- und DDoS-Schutz, Staging, tägliche Backups und WordPress-Support rund um die Uhr. Die Plattform wird jährlichen SOC 2-Audits unterzogen und ist nach ISO 27001 zertifiziert. Mehr darüber, wie diese Partnerschaft funktioniert, erfährst du auf unserer [WP Engine-Seite] (/wp-engine).

Wie läuft ein Engagement ab

1. Wir überprüfen dein Inhaltsmodell, deine Plugins und deinen Traffic, um zu entscheiden, ob Headless überhaupt gerechtfertigt ist.
2. Wir entwerfen das Inhaltsschema und die API-Ebene und vereinbaren, welche Seiten vorgerendert werden.
3. Wir erstellen das Frontend in Next.js oder Astro zusammen mit Ihrer WordPress-Instanz mit Vorschauen.
4. Wir migrieren Inhalte, richten Weiterleitungen ein und testen das Staging.
5. Wir starten und übergeben Ihrem Team dann das Repository und die Dokumentation. In der Regel integrieren sich unsere Techniker in Ihr Team, anstatt hinter einer Mauer zu verschwinden.

Die technische Seite ist Teil unserer [Software-Engineering-Dienstleistungen] (/services/software-engineering), und wir haben den SDVOSB- und HubZone-Status und einen GSA Multiple Award Schedule-Vertrag für öffentliche Auftraggeber.

Der Kompromiss beim Wiegen

Sie gewinnen Geschwindigkeit, Gestaltungsfreiheit und eine Inhaltsquelle, die alles versorgen kann. Du bezahlst mit einer zweiten Codebasis und etwas mehr technischer Disziplin, solange die Seite lebt. Wenn Ihre Roadmap die erste Liste benötigt, wird in einem kurzen Gespräch über unsere [Kontaktseite] (/contact) geklärt, ob sich die zweite Liste lohnt.