Vai oltre con Headless Powered by Atlas

È tempo di fare sul serio con le soluzioni senza testa. Le aziende e le agenzie reali stanno creando esperienze Web headless che offrono agli sviluppatori la flessibilità di utilizzare qualsiasi stack front-end e consentono ai creatori di contenuti di utilizzare la loro interfaccia di pubblicazione preferita.

In questa sessione, Jason Konen, Director of Product di WP Engine, riassume i progressi che abbiamo fatto con Atlas, la soluzione WordPress headless di WP Engine, e fornisce un'anteprima dei progressi che perseguiremo nel 2023.

Slide della sessione:

Trascrizione:

JASON KONEN: Ciao, sono Jason Konen. Sono il direttore del prodotto per Atlas qui a WP Engine e vorrei parlarti oggi di andare oltre con Headless powered by Atlas. Quindi quello che stiamo davvero vedendo in questo momento è un enorme cambiamento nel mercato. È probabilmente il più grande cambiamento da quando sono usciti gli smartphone, con il 64% delle aziende che attualmente utilizza un approccio Headless e il 90% intende farlo nei prossimi 12 mesi. È un numero enorme. E sappiamo che la community di WordPress è cresciuta in Headless negli ultimi due anni. Abbiamo lavorato a stretto contatto con alcuni dei nostri partner e implementato moltissimi siti Headless WordPress per soddisfare questa esigenza.

Una delle cose che vediamo è che Headless dà davvero potere agli sviluppatori. Quindi i CMS moderni hanno alcune cose davvero fantastiche che fanno. Ma quello che stiamo scoprendo è che toglie davvero potere all'editore. Quindi questi CMS headless che sono stati creati appositamente per headless fin dall'inizio, sono davvero interessanti, sono davvero utili per gli sviluppatori, ma gli editori perdono alcune cose. Perdono temi e layout di pagina e strumenti SEO e cose del genere. Ma WordPress dà davvero potere all'editore e lo ha sempre fatto. Dal core, a tutti i plug-in dell'ecosistema, a tutti i temi e alla community.

Quindi consentire davvero all'editore di controllare il proprio messaggio, il proprio testo, la formattazione, i test A/B, gli strumenti SEO, cambiare i temi e fare tutto quel lavoro senza bisogno di uno sviluppo pesante. Ma abbiamo appena detto che Headless toglie tutto questo, toglie quel potere. Ma crediamo che Headless WordPress lo riporti a tutti, non solo alimentando gli sviluppatori e ciò che vogliono fare, ma anche gli editori e ciò che stanno cercando di fare. Quindi, se lo guardi come "quali sono gli strumenti migliori per il lavoro", i tuoi sviluppatori vorranno lavorare con uno stack tecnologico moderno che consenta loro di ridimensionare, utilizzare il codice, utilizzare tecniche moderne e crescere con l'industria. Invece, gli editori vogliono essere in grado di utilizzare gli strumenti CMS che conoscono e amano da 20 anni senza dover apportare molte modifiche.

È qui che entra in gioco Atlas. La piattaforma Atlas è stata progettata per deliziare sia gli editori che gli sviluppatori. L'hosting WordPress migliore della categoria è la base per questo, ma poi ci siamo sovrapposti al ridimensionamento automatico e all'hosting dei nodi di riparazione in modo da poter creare applicazioni Web moderne su WordPress. Disponiamo di edge caching preconfigurato, strumenti CI/CD e prestazioni e sicurezza senza pari, il tutto costruito su un ecosistema che sta crescendo in una comunità che sta crescendo. WP GraphQL, insieme alla sua nuova funzionalità, Smart Cache, il nostro prossimo prodotto, Atlas Search. Faust.JS, un framework Headless per la creazione di siti Headless WordPress, campi personalizzati avanzati, che abbiamo introdotto nella famiglia WP Engine l'anno scorso e abbiamo lavorato duramente per portare le nostre funzionalità di Atlas Content Modeler direttamente in ACF.

Progetti e oltre, e non dimentichiamo il supporto di livello mondiale che già conosci e ami. Ora voglio parlare un po' delle prestazioni. Di recente, abbiamo avuto un cliente che ha pubblicato un paio di annunci durante il Super Bowl. E non puoi nemmeno testare il tipo di traffico che otterrai in un evento come questo. Se vedi qui su questo grafico, hai tre piccoli picchi al sesto, all'ottavo e al nono. Quelli erano i loro test di carico, quindi stavano testando per vedere "ehi, questo sito reggerà" a tutto il traffico che si aspettavano durante il Super Bowl. E poi vedi lì più avanti nel grafico, due picchi giganti, e questo corrisponde ai due annunci che hanno attraversato il Super Bowl. 10 volte il traffico che si aspettavano. E questo ha avuto un incredibile successo.

Hanno avuto prestazioni costanti prima, durante e dopo, anche con l'improvviso picco di 10 volte con 10 milioni di richieste in pochi minuti. Gli attacchi DDoS sono stati mitigati all'edge, prevenendo qualsiasi tipo di problema di prestazioni delle applicazioni. Il 99% dell'intero front-end è stato memorizzato nella cache con 151 millisecondi, al primo byte e 700 millisecondi per il rendering, il tutto gestendo 27 milioni di richieste durante il Super Bowl. Quindi, se sei andato sul sito durante il picco di traffico, non avresti avuto idea che fosse sotto un tale carico. Questo è il tipo di prestazioni che un sito Headless WordPress può offrirti. E l'abbiamo integrato nella piattaforma Atlas.

Lavoriamo molto duramente con il cliente e l'agenzia dietro questo annuncio per garantire che il loro sito sia performante e ottimizzato. E questo è qualcosa che facciamo con i nostri clienti assicurandoci di utilizzare tutte le migliori pratiche per garantire che i tuoi siti siano performanti, veloci e sicuri. Quindi una delle grandi cose che facciamo nel team Atlas è ascoltare e collaborare con i nostri clienti e partner di agenzia. Ascoltiamo, impariamo e rilasciamo. Ed ecco solo un sacco di cose che abbiamo lanciato nel 2022 per Atlas.

Quello che voglio far capire è quanto investimento abbiamo in quest'area. Crediamo davvero che WordPress senza testa offra davvero il meglio di un CMS di livello mondiale alle prestazioni e all'esperienza degli sviluppatori di cui i siti moderni hanno bisogno per avere successo. E così mentre continuiamo a lavorare con voi su cosa abbiamo veramente bisogno di costruire, cosa abbiamo davvero bisogno per aiutarvi ad avere successo, vedrete sempre più investimenti qui. Ci vedrete continuare a pubblicare cose, se non ogni due settimane, almeno una volta al mese perché ci muoviamo abbastanza velocemente. E il tuo feedback è molto importante per noi.

Alcune delle cose che vorrei richiamare e parlare un po' più approfonditamente da questo elenco sono: Faust.js. Quindi questo è il framework Headless per WordPress. L'abbiamo costruito nel 2021 e l'abbiamo rilasciato là fuori. E abbiamo ricevuto molti feedback da voi ragazzi ed è stato fantastico. E abbiamo preso quel feedback e l'abbiamo ricostruito perché semplicemente non si stava ridimensionando nel modo in cui gli sviluppatori avevano bisogno che si ridimensionasse. Abbiamo utilizzato un linguaggio di interrogazione fornito da G-qty e abbiamo scoperto che faceva alcune cose magiche, ma non si ridimensionava nel modo in cui volevamo che si ridimensionasse. Quindi l'abbiamo sostituito con Apollo, che è uno standard del settore. E questo ha permesso molta più flessibilità con il framework.

Abbiamo anche rilasciato il supporto completo della gerarchia dei modelli. Quindi, se sei un vero sviluppatore di WordPress e hai avuto a che fare con la gerarchia di WordPress per anni, questo ti sarà molto familiare. Capirai esattamente cosa sta succedendo. Abbiamo anche aggiunto un'architettura plug-in in modo che tu possa estenderla quando necessario. Autenticazione, anteprime dei contenuti direttamente da WordPress, cose che gli esperti di marketing si aspettano mentre costruiscono il loro sito. Quindi è stato un rilascio davvero importante, davvero ispirato da tutti i feedback che la community ci ha fornito. E stiamo continuando a farlo. La nostra prossima grande funzionalità, che puoi utilizzare oggi, è il supporto Gutenberg Block.

Quindi questo è nuovo. E in sostanza, quello che stiamo cercando di fare è fare in modo che gli sviluppatori possano garantire che i blocchi che un editore è abituato a utilizzare in WordPress siano accessibili per il front-end, per la tua applicazione del nodo senza un sacco di lavoro extra, in modo che puoi offrire all'editore l'esperienza che si aspetta, insieme a un'esperienza di sviluppo facile e gestibile. E abbiamo una sessione più avanti in DE{CODE} su questo. Vi incoraggio tutti a partecipare e imparare da questo. Ci farebbe piacere il tuo feedback qui mentre continuiamo a ripetere questa caratteristica chiave.

Un'altra cosa che è scomparsa quando si porta WordPress su Headless è la barra degli strumenti. Molti editori sono abituati ad accedere a una pagina Web, fare clic su "Modifica contenuto" e passare direttamente all'editor ed essere in grado di modificare il contenuto al volo. Beh, è ​​sparito quando sei diventato Senza Testa. Quindi lo stiamo aggiungendo di nuovo con Faust. Quindi puoi modificare il contenuto, eseguire il debug delle connessioni e altro, proprio come faresti con la barra degli strumenti di WordPress esistente. Penso anche che ci siano alcune cose davvero interessanti che possiamo portare alla barra degli strumenti che non esistono nel tradizionale WordPress. Cose come prestazioni del server, stato di distribuzione e altro, sono solo alcune delle idee che abbiamo per questa particolare funzionalità.

Quindi un'altra cosa di cui voglio parlare con Faust è che Faust è costruito su Apollo, React e Next.js. Lo estende e rende il lavoro con WordPress molto più semplice per il moderno sviluppatore JavaScript. Non devi usarlo. Siamo indipendenti dal framework su Atlas. Ma se stai cercando una raccomandazione su come farlo nel modo migliore, la nostra raccomandazione è Faust. Un'altra caratteristica chiave che viene lanciata oggi qui a DE{CODE} che vorrei richiamare è Atlas Search. Forse ricorderete Atlas Search del DE{CODE} dell'anno scorso, dove avevamo una beta aperta che molti di voi potevano provare. E molti di voi l'hanno fatto, e molti dei feedback che ci avete fornito nel corso dell'anno hanno davvero reso questa funzionalità completa che possiamo lanciare oggi.

È un primo GraphQL senza API proprietarie ed è completamente estensibile. Abbiamo un set completo di funzionalità con ACF e supporto post-tipo personalizzato, navigazione sfaccettata, risultati ponderati e personalizzati, stemming, fuzziness ed esclusioni e, soprattutto, non abbiamo limiti alle azioni di ricerca o alla larghezza di banda. Vogliamo rendere questo semplice e facile da usare. Quindi, se sei interessato a questo, dai un'occhiata alle nostre ulteriori informazioni su Atlas Search.

E alcune altre versioni chiave di cui potresti non essere a conoscenza che abbiamo lanciato nell'ultimo paio di trimestri: Ambienti di anteprima. Quindi, se desideri visualizzare in anteprima una richiesta di sondaggio, possiamo configurare automaticamente un ambiente per te. E questo rende i test e il QA molto semplici. Non devi fare tutto il lavoro per capire chi sta guardando quale ramo e dove e quale ambiente sta guardando. Puoi semplicemente creare automaticamente uno di questi ambienti effimeri in base alla tua richiesta di sondaggio.

Abbiamo anche ricostruire i webhook. Quindi puoi usarli per attivare build basate su qualsiasi logica aziendale di cui hai bisogno. Anche questo è qualcosa che è vivo oggi. Con ciò, abbiamo anche rollback istantanei. Quindi, se qualcosa non funziona, puoi ridistribuirlo a una versione precedente del tuo sito. E abbiamo anche registri di build in tempo reale e la possibilità di annullare una build. Quindi, se qualcosa va storto, vai avanti e cancellalo e possiamo esaminare gli errori, apportare modifiche e ricostruire quel sito. E poi un altro che molti di voi chiedono è la protezione tramite password, proprio come nel tradizionale WordPress. Potresti avere ambienti di anteprima che vuoi che il tuo cliente guardi e approvi. Metti una password su questo in modo da poterlo rendere attivo e consentire loro di usarlo.

E ora vorrei dirvi qualcosa in più sul futuro. Abbiamo una serie di grandi cose all'orizzonte per Atlas nel prossimo anno. Ma ce ne sono alcuni di cui vorrei parlare che sono più vicini alla realtà e dovresti vederli nei prossimi mesi. Il primo dei quali è il monitoraggio e l'analisi avanzati. Abbiamo sentito da te molto spesso che vorresti più informazioni, più analisi, cosa sta succedendo con il mio sito? Che aspetto ha il mio traffico? Come sono i log di accesso? Quindi vogliamo fartelo emergere in modo che tu possa vederlo senza doverlo chiedere.

Puoi usarlo per ottimizzare le tue campagne, il tuo codice, il tuo sito. Aggiungeremo anche il monitoraggio e gli avvisi di GraphQL. Cosa sta succedendo esattamente con le tue query GraphQL in tempo reale? In modo da poter ottimizzare le prestazioni. Ho citato in precedenza l'annuncio del Super Bowl, che ha richiesto un sacco di messa a punto di varie query per avere un'esperienza ottimale. E se potessimo darti tutte queste informazioni a portata di mano in modo che tu possa ottimizzarle tu stesso mentre stai realizzando la tua build? Questo è l'obiettivo qui.

Vogliamo anche migliorare l'esperienza CI/CD. Quindi oggi eseguiamo distribuzioni automatizzate e cose del genere per te, ma ci sono pipeline di distribuzione che non esistono. Ad esempio, se stai apportando modifiche sia al back-end che a WordPress e al tuo front-end in Node, come li distribuisci entrambi contemporaneamente in modo da ottenere la giusta esperienza? Quindi lavoreremo su modi per consentire la creazione e la gestione di pipeline create per i tuoi progetti con distribuzioni gestite su WordPress e Node. Un altro grande elemento che sentiamo molto è la personalizzazione e la localizzazione senza testa. Poiché questi siti Web diventano sempre più mirati, vogliamo assicurarci che tu disponga di tutti gli strumenti necessari per personalizzare e localizzare i tuoi siti. Quindi stiamo lavorando su idee su come ciò potrebbe realizzarsi.

Ci piacerebbe molto il tuo aiuto perché quando dico personalizzazione o localizzazione senza testa, ciò può significare molte cose per molte persone diverse. Quindi mi piacerebbe sentire la tua opinione per capire quali sono le cose che stai facendo in quest'area in modo da poter garantire che costruiamo le capacità giuste per te. Stiamo anche costruendo una libreria Headless Block. Questa è un'estensione del nostro progetto React Gutenberg Bridge di cui ho parlato prima, e spero che tu vada a partecipare alla sessione su questo più avanti nel nostro evento DE{CODE}. Ma vogliamo fornire una libreria dei blocchi più comunemente usati in WordPress in modo che siano tutti configurati e cablati per essere utilizzati immediatamente in modo da non dover andare a fare quel lavoro.

E sarai anche in grado di usarli come modello per collegare i tuoi blocchi personalizzati di cui hai bisogno. La speranza a lungo termine che ho per questo è che gli sviluppatori inizieranno a essere in grado di creare librerie di componenti riutilizzabili e magari condividerle con la comunità in modo che tutti noi possiamo ottenere un vantaggio sui nostri progetti. E parlando di Faust, voglio sottolineare il continuo investimento che abbiamo qui. Come ho detto prima, Faust utilizza Apollo, React e Next.js. E aggiungeremo più funzionalità alla nostra piattaforma per supportare quei componenti in modo che funzionino più velocemente, in modo più sicuro e semplifichino lo sviluppo su Atlas.

Quindi ora voglio parlare di un argomento davvero interessante. Questa domanda è stata posta in una tavola rotonda che abbiamo avuto poche settimane fa. La domanda, penso, era esattamente: perché tutti spingono così tanto Headless? E quindi voglio parlare, Headless è la cosa giusta per ogni progetto? Penso che ad alto livello non lo sia. Devi scegliere lo strumento giusto per il lavoro. E Headless eccelle davvero quando stai cercando di creare qualcosa che sia molto veloce e performante su uno stack web moderno che vuoi essere molto, molto sicuro. Eccelle quando hai progetti complicati. Eccelle quando le prestazioni sono fondamentali.

Ti consiglierei di creare un piccolo sito di brochure su Headless? Non necessariamente, a meno che non si trattasse di un sito molto trafficato che aveva una storia di scarso rendimento e avevi bisogno di migliorarlo o se stavi cercando di sperimentare. Sono il sito perfetto per sperimentare perché sono generalmente piccoli. Ma se stai realizzando un grande sito multimediale o un sito di e-commerce, ti consiglio Headless perché ti consentirà di creare questi siti in un modo molto componibile, importare dati da altri sistemi, creare esperienze omnicanale e essere veloce e performante.

E consiglio Headless WordPress perché sappiamo che gli editori adorano WordPress. È il miglior CMS in circolazione per la gestione e lo sviluppo di contenuti. Allora perché non vorresti farlo in un modo che renda felici gli editori e gli sviluppatori, il tutto pur avendo un sito incredibilmente performante e molto flessibile.

Volevo ringraziarti per il tuo tempo oggi e per il tuo continuo feedback e collaborazione mentre continuiamo la nostra missione per rendere WordPress un ottimo CMS Headless. Abbiamo una serie di altre sessioni Headless oggi all'evento DE{CODE}. Ti incoraggio a guardarli, a porre domande, poiché siamo sempre davvero entusiasti di lavorare con te e ascoltare le cose che ritieni importanti per lo sviluppo dei tuoi siti. Grazie.