Gehen Sie mit Headless Powered by Atlas über die Grenzen hinaus

Es ist an der Zeit, sich ernsthaft mit kopflosen Lösungen zu befassen. Echte Unternehmen und Agenturen erstellen Headless-Weberlebnisse, die Entwicklern die Flexibilität geben, jeden Front-End-Stack zu verwenden, und es Erstellern von Inhalten ermöglichen, ihre bevorzugte Veröffentlichungsschnittstelle zu verwenden.

In dieser Sitzung fasst WP Engine Director of Product Jason Konen die Fortschritte zusammen, die wir mit Atlas, der Headless-WordPress-Lösung von WP Engine, gemacht haben, und gibt einen kleinen Einblick in die Fortschritte, die wir 2023 verfolgen werden.

Sitzungsfolien:

Transkript:

JASON KONEN: Hallo, ich bin Jason Konen. Ich bin der Produktdirektor für Atlas hier bei WP Engine und möchte heute mit Ihnen darüber sprechen, wie Sie mit Headless powered by Atlas über die Grenzen hinausgehen können. Was wir also gerade wirklich sehen, ist eine riesige Verschiebung auf dem Markt. Es ist wahrscheinlich die größte Veränderung seit der Einführung von Smartphones, da 64 % der Unternehmen derzeit einen Headless-Ansatz verwenden und 90 % dies in den nächsten 12 Monaten planen. Das ist eine riesige Zahl. Und wir wissen, dass die WordPress-Community in Headless in den letzten Jahren gewachsen ist. Wir haben sehr eng mit einigen unserer Partner zusammengearbeitet und viele, viele Headless WordPress-Sites bereitgestellt, um diesen Bedarf zu decken.

Eines der Dinge, die wir sehen, ist, dass Headless die Entwickler wirklich ermächtigt. Moderne CMS haben also einige wirklich großartige Dinge, die sie tun. Aber was wir finden, ist, dass es den Herausgeber wirklich entmachtet. Diese Headless-CMS, die von Anfang an speziell für Headless entwickelt wurden, sind wirklich interessant, sie sind wirklich hilfreich für die Entwickler, aber die Publisher verlieren einige Dinge. Sie verlieren Themen und Seitenlayouts und SEO-Tools und solche Dinge. Aber WordPress stärkt den Publisher wirklich und hat es immer getan. Vom Kern bis zu allen Plug-Ins im Ökosystem, allen Themen und der Community.

Dem Publisher also wirklich erlauben, seine Botschaft, seinen Text, die Formatierung, A/B-Tests, SEO-Tools, das Ändern von Themen und all diese Arbeit zu kontrollieren, ohne dass eine umfangreiche Entwicklung erforderlich ist. Aber wir haben gerade gesagt, dass Headless das wegnimmt, es nimmt diese Macht weg. Aber wir glauben, dass Headless WordPress das für alle zurückbringt und nicht nur die Entwickler und das, was sie tun wollen, antreibt, sondern auch die Publisher und das, was sie zu tun versuchen. Wenn Sie es also als „was sind die besten Tools für den Job“ betrachten, werden Ihre Entwickler mit einem modernen Tech-Stack arbeiten wollen, der es ihnen ermöglicht, zu skalieren, Code zu übernutzen, moderne Techniken einzusetzen und mit der Branche zu wachsen. Die Verlage hingegen wollen ihre seit 20 Jahren bekannten und geliebten CMS-Tools ohne große Umstellungen nutzen können.

Hier kommt Atlas ins Spiel. Die Atlas-Plattform wurde entwickelt, um sowohl Publisher als auch Entwickler zu begeistern. Best-in-Class-WordPress-Hosting ist die Basis dafür, aber dann haben wir auf Auto Scaling und Healing Node Hosting gesetzt, damit Sie moderne Webanwendungen auf WordPress aufbauen können. Wir verfügen über vorkonfiguriertes Edge-Caching, CI/CD-Tools und beispiellose Leistung und Sicherheit, die alle auf einem Ökosystem aufbauen, das in einer wachsenden Community wächst. WP GraphQL, zusammen mit seiner neuen Funktion Smart Cache, unserem kommenden Produkt Atlas Search. Faust.JS, ein Headless-Framework zum Erstellen von Headless-WordPress-Sites, Advanced Custom Fields, die wir letztes Jahr in die WP Engine-Familie aufgenommen haben, und wir haben hart daran gearbeitet, unsere Atlas Content Modeler-Funktionen direkt in ACF zu integrieren.

Blaupausen und darüber hinaus, und vergessen wir nicht den Weltklasse-Support, den Sie bereits kennen und lieben. Jetzt möchte ich ein wenig über die Leistung sprechen. Kürzlich hatten wir einen Kunden, der während des Super Bowl ein paar Anzeigen geschaltet hat. Und Sie können nicht einmal testen, welche Art von Verkehr Sie bei einer Veranstaltung wie dieser erhalten werden. Wenn Sie hier auf diesem Diagramm sehen, haben Sie drei kleine Spitzen am sechsten, achten und neunten. Das waren ihre Belastungstests, also testeten sie, um zu sehen: „Hey, wird diese Seite dem ganzen Verkehr standhalten, den sie während des Super Bowl erwartet hatten? Und dann sehen Sie dort später in der Grafik zwei riesige Spitzen, und das entspricht den zwei Anzeigen, die durch den Super Bowl liefen. 10-mal so viel Verkehr, wie sie erwartet hatten. Und das war unglaublich erfolgreich.

Sie hatten vorher, während und nachher eine konstante Leistung, selbst bei der plötzlichen 10-fachen Spitze mit 10 Millionen Anfragen in nur wenigen Minuten. DDoS-Angriffe wurden an der Edge abgeschwächt, wodurch jegliche Art von Problemen mit der Anwendungsleistung verhindert wurde. 99 % des gesamten Front-Ends wurden mit 151 Millisekunden bis zum ersten Byte und 700 Millisekunden zum Rendern zwischengespeichert, während 27 Millionen Anfragen während des Super Bowl verarbeitet wurden. Wenn Sie also zu Spitzenzeiten auf die Website gegangen wären, hätten Sie keine Ahnung gehabt, dass sie unter einer solchen Last stand. Das ist die Art von Leistung, die Ihnen eine Headless WordPress-Site bringen kann. Und das haben wir in die Atlas-Plattform eingebaut.

Wir arbeiten sehr hart mit dem Kunden und der Agentur hinter dieser Anzeige zusammen, um sicherzustellen, dass ihre Website leistungsfähig und optimiert ist. Und das tun wir mit unseren Kunden, indem wir sicherstellen, dass wir alle Best Practices anwenden, um sicherzustellen, dass Ihre Websites leistungsfähig, schnell und sicher sind. Eines der wichtigsten Dinge, die wir im Atlas-Team tun, ist also, unseren Kunden und Agenturpartnern zuzuhören und mit ihnen zusammenzuarbeiten. Wir hören zu, wir lernen und wir lassen los. Und hier ist nur eine ganze Reihe von Dingen, die wir 2022 für Atlas eingeführt haben.

Was ich vermitteln möchte, ist, wie viel Investitionen wir in diesem Bereich haben. Wir glauben wirklich, dass Headless WordPress wirklich das Beste eines Weltklasse-CMS für die Leistung und Entwicklererfahrung bringt, die moderne Websites benötigen, um erfolgreich zu sein. Und während wir weiterhin mit Ihnen daran arbeiten, was wir wirklich aufbauen müssen, was wir wirklich brauchen, um Ihnen zu helfen, erfolgreich zu werden, werden Sie hier mehr und mehr Investitionen sehen. Sie werden sehen, dass wir weiterhin Dinge veröffentlichen, wenn auch nicht alle zwei Wochen, so doch mindestens einmal im Monat, weil wir ziemlich schnell vorankommen. Und Ihr Feedback ist uns sehr wichtig.

Einige der Dinge, die ich aus dieser Liste hervorheben und etwas ausführlicher besprechen möchte, sind: Faust.js. Das ist also das Headless-Framework für WordPress. Wir haben dies im Jahr 2021 gebaut und veröffentlicht. Und wir haben viel Feedback von euch bekommen und es war großartig. Und wir haben dieses Feedback genommen und es neu erstellt, weil es einfach nicht so skaliert wurde, wie Entwickler es für eine Skalierung brauchten. Wir haben eine von G-qty bereitgestellte Abfragesprache verwendet und festgestellt, dass sie einfach einige magische Dinge bewirkt, aber nicht so skaliert, wie wir es uns vorgestellt haben. Also haben wir das gegen Apollo ausgetauscht, was ein Industriestandard ist. Und das hat viel mehr Flexibilität mit dem Framework ermöglicht.

Wir haben auch die vollständige Unterstützung der Vorlagenhierarchie veröffentlicht. Wenn Sie also ein echter WordPress-Entwickler sind und sich seit Jahren mit der WordPress-Hierarchie beschäftigen, wird Ihnen dies sehr vertraut sein. Sie werden genau verstehen, worum es geht. Wir haben auch eine Plug-in-Architektur hinzugefügt, damit Sie diese nach Bedarf erweitern können. Authentifizierung, Inhaltsvorschau direkt aus WordPress, Dinge, die Vermarkter erwarten, wenn sie ihre Website erstellen. Das war also eine wirklich große Veröffentlichung, wirklich inspiriert von all dem Feedback, das uns die Community gegeben hat. Und das tun wir auch weiterhin. Unser nächstes großes Feature, das Sie heute nutzen können, ist die Gutenberg-Block-Unterstützung.

Das ist also neu. Und im Wesentlichen versuchen wir, es so zu gestalten, dass Entwickler sicherstellen können, dass die Blöcke, die ein Herausgeber in WordPress verwendet, für das Frontend zugänglich sind, für Ihre Node-Anwendung ohne eine Menge zusätzlicher Arbeit Sie können dem Publisher die Erfahrung bieten, die er erwartet, zusammen mit einer einfachen und überschaubaren Entwicklungsumgebung. Und wir haben später eine Sitzung in DE{CODE} darüber. Ich ermutige Sie alle, daran teilzunehmen und daraus zu lernen. Wir würden uns über Ihr Feedback hier freuen, da wir weiterhin an dieser Schlüsselfunktion arbeiten.

Eine andere Sache, die gefehlt hat, als Sie WordPress zu Headless gebracht haben, ist die Symbolleiste. Viele Publisher sind es gewohnt, auf eine Webseite zu gehen, auf „Inhalt bearbeiten“ zu klicken und direkt in den Editor zu wechseln und Inhalte im Handumdrehen zu ändern. Nun, das verschwand, als du Headless wurdest. Also fügen wir das mit Faust wieder ein. So können Sie Inhalte bearbeiten, Verbindungen debuggen und mehr, genau wie Sie es mit der bestehenden WordPress-Symbolleiste tun würden. Ich denke auch, dass es einige wirklich interessante Dinge gibt, die wir in die Symbolleiste einbringen können, die es in traditionellem WordPress nicht gibt. Dinge wie Serverleistung, Bereitstellungsstatus und andere sind nur einige der Ideen, die wir für diese spezielle Funktion haben.

Eine andere Sache, über die ich mit Faust sprechen möchte, ist, dass Faust auf Apollo und React und Next.js aufbaut. Es erweitert das und macht die Arbeit mit WordPress für den modernen JavaScript-Entwickler viel einfacher. Sie müssen es nicht verwenden. Bei Atlas sind wir Framework-agnostisch. Aber wenn Sie nach einer Empfehlung suchen, wie man es am besten macht, ist unsere Empfehlung Faust. Eine weitere wichtige Funktion, die heute hier bei DE{CODE} eingeführt wird und die ich hervorheben möchte, ist die Atlas-Suche. Sie erinnern sich vielleicht an Atlas Search von der letztjährigen DE{CODE}, wo wir eine offene Beta hatten, die viele von Ihnen ausprobieren konnten. Und viele von euch haben das getan, und viele der Rückmeldungen, die ihr uns im Laufe des Jahres gegeben habt, haben dies wirklich zu einem vollständigen Feature gemacht, das wir heute veröffentlichen können.

Es ist ein GraphQL-First ohne proprietäre API und ist vollständig erweiterbar. Wir haben einen vollständigen Funktionsumfang mit ACF und benutzerdefinierter Post-Type-Unterstützung, Facetten-Browsing, gewichtete und benutzerdefinierte Ergebnisse, Stemming, Unschärfe und Ausschlüsse, und das Beste ist, dass wir keine Beschränkungen für Suchaktionen oder Bandbreite haben. Wir möchten dies für Sie einfach und benutzerfreundlich machen. Wenn Sie also daran interessiert sind, lesen Sie bitte unsere weiteren Informationen zur Atlassuche.

Und einige andere wichtige Veröffentlichungen, die Sie vielleicht nicht kennen und die wir in den letzten Quartalen eingeführt haben: Vorschauumgebungen. Wenn Sie also eine Vorschau einer Umfrageanfrage anzeigen möchten, können wir automatisch eine Umgebung für Sie einrichten. Und das macht Tests und QA sehr einfach. Sie müssen sich nicht die ganze Arbeit machen, um herauszufinden, wer welchen Zweig und wo und welche Umgebung betrachtet. Sie können basierend auf Ihrer Umfrageanforderung einfach automatisch eine dieser kurzlebigen Umgebungen erstellen.

Wir haben auch neu erstellte Webhooks. Sie können diese also verwenden, um Builds basierend auf der von Ihnen benötigten Geschäftslogik auszulösen. Auch das ist heute live. Damit haben wir auch sofortige Rollbacks. Wenn also etwas nicht funktioniert, können Sie eine frühere Version Ihrer Website erneut bereitstellen. Und wir haben auch Echtzeit-Build-Protokolle und die Möglichkeit, einen Build abzubrechen. Wenn also etwas schief geht, machen Sie weiter und brechen Sie es ab, und wir können uns die Fehler ansehen, Änderungen vornehmen und diese Site neu erstellen. Und ein weiterer, nach dem viele von euch fragen, war der Passwortschutz, genau wie in traditionellem WordPress. Möglicherweise haben Sie Vorschauumgebungen, die sich Ihr Kunde ansehen und genehmigen soll. Setzen Sie ein Passwort darauf, damit Sie es live schalten und ihnen erlauben können, es zu verwenden.

Und jetzt möchte ich Ihnen etwas mehr über die Zukunft erzählen. Wir haben für Atlas im nächsten Jahr eine Reihe großartiger Dinge am Horizont. Aber es gibt ein paar von ihnen, über die ich gerne sprechen möchte, die näher an der Realität liegen und die Sie in den nächsten Monaten sehen sollten. Die erste davon ist erweiterte Überwachung und Analyse. Wir haben sehr oft von Ihnen gehört, dass Sie mehr Informationen, mehr Analysen, was ist mit meiner Seite los? Wie sieht mein Traffic aus? Wie sehen die Zugriffsprotokolle aus? Deshalb möchten wir Ihnen das zeigen, damit Sie es sehen können, ohne danach fragen zu müssen.

Damit können Sie Ihre Kampagnen, Ihren Code und Ihre Website optimieren. Wir werden auch GraphQL-Überwachung und -Warnungen hinzufügen. Was passiert genau mit Ihren GraphQL-Abfragen in Echtzeit? Damit Sie die Leistung optimieren können. Ich habe bereits die Super Bowl-Werbung erwähnt, die eine Menge Feinabstimmung verschiedener Abfragen erforderte, um das optimale Erlebnis zu erzielen. Was wäre also, wenn wir Ihnen all diese Informationen zur Verfügung stellen könnten, damit Sie sie selbst optimieren können, während Sie Ihren Build erstellen? Das ist das Ziel hier.

Wir möchten auch das CI/CD-Erlebnis verbessern. Daher führen wir heute automatisierte Bereitstellungen und ähnliches für Sie durch, aber es gibt Bereitstellungspipelines, die nicht vorhanden sind. Wenn Sie beispielsweise sowohl das Backend als auch WordPress und Ihr Frontend in Node ändern, wie stellen Sie dann beide gleichzeitig bereit, damit Sie die richtige Erfahrung machen? Wir werden also an Möglichkeiten arbeiten, um das Erstellen und Verwalten von integrierten Pipelines für Ihre Projekte zu ermöglichen, wobei Bereitstellungen über WordPress und Node verwaltet werden. Ein weiteres großes Thema, das wir oft hören, ist Headless-Personalisierung und -Lokalisierung. Da diese Websites immer zielgerichteter werden, möchten wir sicherstellen, dass Sie über alle Tools verfügen, die Sie benötigen, um Ihre Websites zu personalisieren und zu lokalisieren. Wir arbeiten also an Ideen, wie das verwirklicht werden könnte.

Wir würden uns sehr über Ihre Hilfe freuen, denn wenn ich Headless-Personalisierung oder Lokalisierung sage, kann das für viele verschiedene Menschen eine Menge Dinge bedeuten. Daher würde ich gerne von Ihnen hören, um zu verstehen, was Sie in diesem Bereich tun, damit wir sicherstellen können, dass wir die richtigen Fähigkeiten für Sie aufbauen. Wir bauen auch eine Headless Block-Bibliothek auf. Dies ist eine Erweiterung unseres React Gutenberg Bridge-Projekts, über das ich zuvor gesprochen habe, und ich hoffe, Sie besuchen die Sitzung dazu später in unserer DE{CODE}-Veranstaltung. Aber wir möchten eine Bibliothek der am häufigsten verwendeten Blöcke in WordPress bereitstellen, damit sie alle eingerichtet und verkabelt sind, damit Sie sie sofort verwenden können, damit Sie diese Arbeit nicht erledigen müssen.

Und Sie können diese auch als Muster verwenden, um Ihre eigenen benutzerdefinierten Blöcke nach Bedarf zu verdrahten. Die langfristige Hoffnung, die ich dabei hege, ist, dass Entwickler in der Lage sein werden, Bibliotheken wiederverwendbarer Komponenten zu erstellen und sie vielleicht mit der Community zu teilen, damit wir alle einen Vorsprung bei unseren Projekten haben. Und wenn wir von Faust sprechen, möchte ich die anhaltenden Investitionen hervorheben, die wir hier haben. Wie ich bereits sagte, verwendet Faust Apollo, React und Next.js. Und wir werden unserer Plattform weitere Funktionen hinzufügen, um diese Komponenten zu unterstützen, damit sie schneller und sicherer laufen und es Ihnen wirklich einfach machen, auf Atlas zu entwickeln.

Deshalb möchte ich jetzt über ein wirklich interessantes Thema sprechen. Diese Frage wurde in einer Diskussionsrunde gestellt, die wir vor einigen Wochen hatten. Die Frage, glaube ich, war genau, warum pushen alle Headless so sehr? Und deshalb möchte ich darüber sprechen, ist Headless das Richtige für jedes Projekt? Ich denke, auf hohem Niveau ist es das nicht. Sie müssen das richtige Werkzeug für den Job auswählen. Und Headless ist wirklich hervorragend, wenn Sie etwas sehr schnelles und leistungsfähiges auf einem modernen Web-Stack erstellen möchten, das sehr, sehr sicher sein soll. Es zeichnet sich aus, wenn Sie komplizierte Projekte haben. Es zeichnet sich aus, wenn Leistung im Vordergrund steht.

Würde ich Ihnen empfehlen, eine kleine Broschürenseite auf Headless zu erstellen? Nicht unbedingt, es sei denn, es handelte sich um eine stark frequentierte Website, die in der Vergangenheit eine schlechte Leistung hatte und Sie ihre Leistung verbessern mussten, oder wenn Sie experimentieren wollten. Sie sind der perfekte Ort zum Experimentieren, da sie im Allgemeinen klein sind. Aber wenn Sie eine große Medien-Site oder eine E-Commerce-Site betreiben, empfehle ich Headless, weil Sie damit diese Sites auf sehr kombinierbare Weise erstellen, Daten aus anderen Systemen einbringen, Omnichannel-Erlebnisse aufbauen und vieles mehr schnell und leistungsfähig sein.

Und ich empfehle Headless WordPress, weil wir wissen, dass Publisher WordPress lieben. Es ist das beste CMS für die Verwaltung und Entwicklung von Inhalten. Warum sollten Sie dies also nicht auf eine Weise tun, die die Publisher und die Entwickler glücklich macht, während Sie gleichzeitig eine unglaublich leistungsstarke Website haben, die sehr flexibel ist?

Ich möchte Ihnen für Ihre heutige Zeit und Ihr kontinuierliches Feedback und Ihre Partnerschaft danken, während wir unsere Mission fortsetzen, WordPress zu einem großartigen Headless-CMS zu machen. Wir haben heute eine Reihe weiterer Headless-Sessions auf der DE{CODE}-Veranstaltung. Ich ermutige Sie, sich diese anzusehen und Fragen zu stellen, da wir uns immer sehr darauf freuen, mit Ihnen zusammenzuarbeiten und die Dinge zu hören, die Ihrer Meinung nach für die Entwicklung Ihrer Websites wichtig sind. Danke schön.