Allez au-delà avec Headless Powered by Atlas

Il est temps de prendre au sérieux les solutions sans tête. De vraies entreprises et agences créent des expériences Web sans tête qui donnent aux développeurs la flexibilité d'utiliser n'importe quelle pile frontale et permettent aux créateurs de contenu d'utiliser leur interface de publication préférée.

Dans cette session, Jason Konen, directeur produit de WP Engine, récapitule les progrès que nous avons réalisés avec Atlas, la solution WordPress sans tête de WP Engine, et donne un aperçu des progrès que nous poursuivrons en 2023.

Diapositives de la session :

Transcription:

JASON KONEN : Salut, je suis Jason Konen. Je suis le directeur de produit pour Atlas ici chez WP Engine, et j'aimerais vous parler aujourd'hui d'aller au-delà avec Headless propulsé par Atlas. Donc, ce que nous voyons vraiment en ce moment, c'est un énorme changement dans le marché. C'est probablement le plus grand changement depuis la sortie des smartphones, avec 64 % des entreprises utilisant actuellement une approche Headless et 90 % cherchant à le faire dans les 12 prochains mois. C'est un nombre énorme. Et nous savons que la communauté WordPress s'est développée dans Headless au cours des deux dernières années. Nous avons travaillé en étroite collaboration avec certains de nos partenaires et déployé de très nombreux sites WordPress Headless pour répondre à ce besoin.

L'une des choses que nous voyons est que Headless donne vraiment du pouvoir aux développeurs. Les CMS modernes ont donc des choses vraiment géniales à faire. Mais ce que nous constatons, c'est que cela affaiblit vraiment l'éditeur. Donc, ces CMS Headless qui ont été spécialement conçus pour le headless depuis le début, ils sont vraiment intéressants, ils sont vraiment utiles pour les développeurs, mais les éditeurs perdent certaines choses. Ils perdent des thèmes et des mises en page et des outils de référencement et des choses comme ça. Mais WordPress donne vraiment du pouvoir à l'éditeur et l'a toujours fait. Du noyau à tous les plug-ins de l'écosystème, tous les thèmes et la communauté.

Cela permet vraiment à l'éditeur de contrôler son message, son texte, la mise en forme, les tests A/B, les outils de référencement, le changement de thèmes et de faire tout ce travail sans avoir besoin de développement lourd. Mais nous venons de dire que Headless enlève cela, cela enlève ce pouvoir. Mais nous pensons que Headless WordPress ramène cela pour tout le monde, non seulement en alimentant les développeurs et ce qu'ils veulent faire, mais aussi les éditeurs et ce qu'ils essaient de faire. Donc, si vous le considérez comme "quels sont les meilleurs outils pour le travail", vos développeurs voudront travailler avec une pile technologique moderne qui leur permet d'évoluer, de surutiliser le code, d'utiliser des techniques modernes et de grandir avec l'industrie. Alors que les éditeurs veulent pouvoir utiliser les outils CMS qu'ils connaissent et apprécient depuis 20 ans sans avoir à faire beaucoup de changements.

C'est là qu'Atlas entre en jeu. La plateforme Atlas a été conçue pour ravir à la fois les éditeurs et les développeurs. Le meilleur hébergement WordPress de sa catégorie en est la base, mais nous avons ensuite superposé la mise à l'échelle automatique et l'hébergement de nœuds de guérison afin que vous puissiez créer des applications Web modernes sur WordPress. Nous avons une mise en cache de périphérie préconfigurée, des outils CI/CD et des performances et une sécurité inégalées, le tout construit au-dessus d'un écosystème qui se développe dans une communauté qui se développe. WP GraphQL, ainsi que sa nouvelle fonctionnalité, Smart Cache, notre prochain produit, Atlas Search. Faust.JS, un framework Headless pour la création de sites WordPress Headless, Advanced Custom Fields, que nous avons introduit dans la famille WP Engine l'année dernière et nous avons travaillé dur pour intégrer nos capacités Atlas Content Modeler directement dans ACF.

Blueprints et au-delà, et n'oublions pas le support de classe mondiale que vous connaissez et aimez déjà. Maintenant, je veux parler un peu des performances. Récemment, nous avons eu un client qui a diffusé quelques publicités pendant le Super Bowl. Et vous ne pouvez même pas tester le type de trafic que vous allez obtenir lors d'un événement comme celui-ci. Si vous voyez ici sur ce graphique, vous avez trois petites pointes sur le sixième, le huitième et le neuvième. C'étaient leurs tests de charge, ils testaient donc pour voir, "hé, est-ce que ce site va tenir" à tout le trafic qu'ils attendaient pendant le Super Bowl. Et puis vous voyez plus loin dans le graphique, deux pics géants, et cela correspond aux deux publicités qui ont traversé le Super Bowl. 10 fois le trafic auquel ils s'attendaient. Et ce fut un succès incroyable.

Ils ont eu des performances constantes avant, pendant et après, même avec le pic soudain de 10 fois avec 10 millions de requêtes en quelques minutes. Les attaques DDoS ont été atténuées à la périphérie, empêchant tout type de problème de performances des applications. 99% de l'ensemble du front-end a été mis en cache avec 151 millisecondes, au premier octet et 700 millisecondes pour le rendu, tout en traitant 27 millions de requêtes pendant le Super Bowl. Donc, si vous vous rendiez sur le site pendant les pics de trafic, vous n'auriez aucune idée qu'il était sous une telle charge. C'est le genre de performances qu'un site WordPress Headless peut vous apporter. Et nous avons intégré cela dans la plate-forme Atlas.

Nous travaillons très dur avec le client et l'agence derrière cette annonce pour nous assurer que leur site était performant et optimisé. Et c'est quelque chose que nous faisons avec nos clients, c'est nous assurer que nous utilisons toutes les meilleures pratiques afin de garantir que vos sites sont performants, rapides et sécurisés. Donc, l'une des grandes choses que nous faisons dans l'équipe Atlas est d'écouter et de collaborer avec nos clients et nos agences partenaires. Nous écoutons, nous apprenons et nous libérons. Et voici tout un tas de choses que nous avons lancées en 2022 pour Atlas.

Ce que je veux faire comprendre, c'est combien d'investissements nous avons dans ce domaine. Nous croyons vraiment que WordPress sans tête apporte vraiment le meilleur d'un CMS de classe mondiale aux performances et à l'expérience de développement dont les sites modernes ont besoin pour réussir. Et donc, alors que nous continuons à travailler avec vous sur ce que nous avons vraiment besoin de construire, de quoi avons-nous vraiment besoin pour vous aider à réussir, vous allez voir de plus en plus d'investissements ici. Vous allez nous voir continuer à sortir des choses, sinon toutes les deux semaines, au moins une fois par mois car nous avançons assez vite. Et vos commentaires sont très importants pour nous.

Certaines des choses que j'aimerais appeler et parler un peu plus profondément de cette liste sont : Faust.js. Voici donc le framework Headless pour WordPress. Nous l'avons construit en 2021 et l'avons publié là-bas. Et nous avons eu beaucoup de retours de votre part et c'était super. Et nous avons pris ces commentaires et nous l'avons reconstruit parce qu'il n'évoluait tout simplement pas comme les développeurs en avaient besoin pour évoluer. Nous avons utilisé un langage de requête fourni par G-qty et avons découvert que cela faisait des choses magiques, mais qu'il n'évoluait pas comme nous le souhaitions. Nous l'avons donc remplacé par Apollo, qui est un standard de l'industrie. Et cela a permis beaucoup plus de flexibilité avec le cadre.

Nous avons également publié une prise en charge complète de la hiérarchie des modèles. Donc, si vous êtes un vrai développeur WordPress et que vous traitez avec la hiérarchie WordPress depuis des années, cela vous sera très familier. Vous allez comprendre exactement ce qui se passe. Nous avons également ajouté une architecture de plug-in afin que vous puissiez l'étendre selon vos besoins. Authentification, aperçus de contenu directement depuis WordPress, des choses auxquelles les spécialistes du marketing s'attendent lorsqu'ils construisent leur site. C'était donc une très grosse version, vraiment inspirée par tous les commentaires que la communauté nous a donnés. Et nous continuons à le faire. Notre prochaine grande fonctionnalité, que vous pouvez utiliser aujourd'hui, est la prise en charge du bloc Gutenberg.

C'est donc nouveau. Et essentiellement, ce que nous essayons de faire, c'est de faire en sorte que les développeurs puissent s'assurer que les blocs qu'un éditeur a l'habitude d'utiliser dans WordPress sont accessibles pour le front-end, pour votre application de nœud sans une tonne de travail supplémentaire, de sorte que vous pouvez offrir à l'éditeur l'expérience à laquelle il s'attend, ainsi qu'une expérience de développement simple et gérable. Et nous avons une session plus tard dans DE{CODE} à ce sujet. Je vous encourage tous à y assister et à en tirer des leçons. Nous aimerions recevoir vos commentaires ici alors que nous continuons à itérer sur cette fonctionnalité clé.

Une autre chose qui manquait lorsque vous transférez WordPress vers Headless est la barre d'outils. De nombreux éditeurs ont l'habitude d'accéder à une page Web, de cliquer sur "Modifier le contenu", de passer directement dans l'éditeur et de pouvoir modifier le contenu à la volée. Eh bien, cela a disparu lorsque vous êtes devenu Headless. Nous rajoutons donc cela avec Faust. Ainsi, vous pouvez modifier le contenu, déboguer les connexions, etc., comme vous le feriez avec la barre d'outils WordPress existante. Je pense aussi qu'il y a des choses vraiment intéressantes que nous pouvons apporter à la barre d'outils qui n'existent pas dans WordPress traditionnel. Des choses comme les performances du serveur, le statut de déploiement et autres, juste un tas d'idées que nous avons pour cette fonctionnalité particulière.

Donc, une autre chose dont je veux parler avec Faust est que Faust est construit sur Apollo et React et Next.js. Il étend cela et rend le travail avec WordPress beaucoup plus facile pour le développeur JavaScript moderne. Vous n'êtes pas obligé de l'utiliser. Nous sommes indépendants du framework sur Atlas. Mais si vous cherchez une recommandation sur la meilleure façon de le faire, notre recommandation est Faust. Une autre fonctionnalité clé qui est lancée aujourd'hui ici à DE{CODE} que je voudrais appeler est Atlas Search. Vous vous souvenez peut-être d'Atlas Search du DE{CODE} de l'année dernière où nous avions une bêta ouverte que beaucoup d'entre vous pouvaient essayer. Et beaucoup d'entre vous l'ont fait, et beaucoup des commentaires que vous nous avez fournis au cours de l'année ont vraiment fait de cette fonctionnalité une fonctionnalité complète que nous pouvons lancer aujourd'hui.

Il s'agit d'une première GraphQL sans API propriétaire et entièrement extensible. Nous avons un ensemble complet de fonctionnalités avec ACF et une prise en charge personnalisée des post-types, une navigation à facettes, des résultats pondérés et personnalisés, des radicaux, des flous et des exclusions, et surtout, nous n'avons aucune limite sur les actions de recherche ou la bande passante. Nous voulons rendre cela simple et facile à utiliser. Donc, si cela vous intéresse, veuillez consulter nos informations supplémentaires sur Atlas Search.

Et d'autres versions clés que vous n'êtes peut-être pas au courant et que nous avons lancées au cours des deux derniers trimestres : les environnements de prévisualisation. Donc, si vous souhaitez prévisualiser une demande de sondage, nous pouvons configurer automatiquement un environnement pour vous. Et cela rend les tests et l'assurance qualité très faciles. Vous n'avez pas à faire tout le travail pour déterminer qui regarde quelle branche et où et quel environnement ils regardent. Vous pouvez simplement créer automatiquement l'un de ces environnements éphémères en fonction de votre demande de sondage.

Nous avons également des webhooks de reconstruction. Vous pouvez donc les utiliser pour déclencher des builds en fonction de la logique métier dont vous avez besoin. C'est aussi quelque chose qui se vit aujourd'hui. Avec cela, nous avons également des retours en arrière instantanés. Ainsi, si quelque chose ne fonctionne pas, vous pouvez redéployer vers une version précédente de votre site. Et nous avons également des journaux de construction en temps réel et la possibilité d'annuler une construction. Donc, si quelque chose ne va pas, annulez-le et nous pourrons examiner les erreurs, apporter des modifications et reconstruire ce site. Et puis un autre que beaucoup d'entre vous demandent était la protection par mot de passe, tout comme dans WordPress traditionnel. Vous pouvez avoir des environnements de prévisualisation que vous souhaitez que votre client examine et approuve. Mettez un mot de passe dessus pour pouvoir le faire vivre et leur permettre de l'utiliser.

Et maintenant, j'aimerais vous en dire un peu plus sur l'avenir. Nous avons un certain nombre de grandes choses à l'horizon pour Atlas l'année prochaine. Mais il y en a quelques-uns dont j'aimerais parler qui sont plus proches de la réalité et que vous devriez voir dans les prochains mois. Le premier est la surveillance et l'analyse avancées. Nous vous avons très souvent dit que vous souhaitiez plus d'informations, plus d'analyses, que se passe-t-il avec mon site ? À quoi ressemble mon trafic ? À quoi ressemblent les journaux d'accès ? Nous voulons donc vous en faire part afin que vous puissiez le voir sans avoir à le demander.

Vous pouvez l'utiliser pour optimiser vos campagnes, votre code, votre site. Nous allons également ajouter la surveillance et l'alerte GraphQL. Que se passe-t-il exactement avec vos requêtes GraphQL en temps réel ? Pour que vous puissiez optimiser les performances. J'ai mentionné l'annonce du Super Bowl plus tôt, qui nécessitait beaucoup de réglage de diverses requêtes afin d'avoir l'expérience la plus optimale. Et si nous pouvions vous donner toutes ces informations à portée de main afin que vous puissiez les optimiser vous-même pendant que vous faites votre construction ? C'est le but ici.

Nous souhaitons également améliorer l'expérience CI/CD. Nous faisons donc des déploiements automatisés et des choses comme ça pour vous aujourd'hui, mais il existe des pipelines de déploiement qui n'existent pas. Par exemple, si vous modifiez à la fois le backend et WordPress et votre front-end dans Node, comment déployez-vous les deux en même temps afin d'obtenir la bonne expérience ? Nous allons donc travailler sur des moyens de permettre la création et la gestion de pipelines construits pour vos projets, les déploiements étant gérés sur WordPress et Node. Un autre élément important que nous entendons beaucoup est la personnalisation et la localisation sans tête. Comme ces sites Web deviennent de plus en plus ciblés, nous voulons nous assurer que vous disposez de tous les outils dont vous avez besoin pour personnaliser et localiser vos sites. Nous travaillons donc sur des idées sur la manière dont cela pourrait se concrétiser.

Nous aimerions vraiment votre aide parce que quand je parle de personnalisation ou de localisation sans tête, cela peut signifier beaucoup de choses pour de nombreuses personnes différentes. J'aimerais donc avoir de vos nouvelles pour comprendre ce que vous faites dans ce domaine afin que nous puissions nous assurer que nous construisons les bonnes capacités pour vous. Nous construisons également une bibliothèque Headless Block. Il s'agit d'une extension de notre projet React Gutenberg Bridge dont j'ai parlé plus tôt, et j'espère que vous irez assister à la session à ce sujet plus tard dans notre événement DE{CODE}. Mais nous voulons fournir une bibliothèque des blocs les plus couramment utilisés dans WordPress afin qu'ils soient tous configurés et câblés pour que vous puissiez les utiliser dès la sortie de la boîte afin que vous n'ayez pas à aller faire ce travail.

Et vous pourrez également les utiliser comme modèle pour câbler vos propres blocs personnalisés selon vos besoins. L'espoir à long terme que j'ai pour cela est que les développeurs commenceront à pouvoir créer des bibliothèques de composants réutilisables et peut-être les partager avec la communauté afin que nous puissions tous prendre une longueur d'avance sur nos projets. Et en parlant de Faust, je veux souligner l'investissement continu que nous avons ici. Comme je l'ai dit plus tôt, Faust utilise Apollo, React et Next.js. Et nous allons ajouter plus de fonctionnalités à notre plate-forme pour prendre en charge ces composants afin qu'ils fonctionnent plus rapidement, de manière plus sécurisée et qu'il vous soit vraiment facile de développer sur Atlas.

Alors maintenant, je veux parler d'un sujet vraiment intéressant. Cette question a été posée lors d'une table ronde que nous avons eue il y a quelques semaines. La question, je pense, était exactement, pourquoi tout le monde pousse autant Headless? Et donc je veux parler, est-ce que Headless est la bonne chose pour chaque projet ? Je pense qu'à un niveau élevé, ce n'est pas le cas. Vous devez choisir le bon outil pour le travail. Et Headless excelle vraiment lorsque vous cherchez à créer quelque chose de très rapide et performant sur une pile Web moderne que vous voulez être très, très sécurisée. Il excelle lorsque vous avez des projets compliqués. Il excelle lorsque la performance est primordiale.

Est-ce que je vous recommanderais de créer un petit site de brochure sur Headless ? Pas nécessairement, sauf s'il s'agissait d'un site à fort trafic qui avait des antécédents de performances médiocres et que vous deviez améliorer ses performances, ou si vous cherchiez à expérimenter. Ils sont le site idéal pour expérimenter car ils sont généralement petits. Mais si vous créez un grand site multimédia ou un site de commerce électronique, je recommande Headless car il vous permettra de créer ces sites de manière très composable, d'importer des données d'autres systèmes, de créer des expériences omnicanales et être rapide et performant.

Et je recommande Headless WordPress car nous savons que les éditeurs adorent WordPress. C'est le meilleur CMS pour gérer et développer du contenu. Alors pourquoi ne voudriez-vous pas le faire d'une manière qui rende les éditeurs heureux et les développeurs heureux, tout en ayant un site incroyablement performant et très flexible.

Je voulais vous remercier pour votre temps aujourd'hui et vos commentaires et votre partenariat continus alors que nous poursuivons notre mission de faire de WordPress un excellent CMS Headless. Nous avons un certain nombre d'autres sessions Headless aujourd'hui à l'événement DE{CODE}. Je vous encourage à les regarder, à poser des questions, car nous sommes toujours ravis de travailler avec vous et d'entendre les choses que vous pensez être importantes pour développer vos sites. Merci.