Du-te dincolo cu Headless Powered by Atlas

Este timpul să fim serioși în privința soluțiilor fără cap. Întreprinderile și agențiile reale creează experiențe web fără cap, care oferă dezvoltatorilor flexibilitatea de a folosi orice stivă front-end și le permite creatorilor de conținut să folosească interfața de publicare preferată.

În această sesiune, directorul de produs WP Engine, Jason Konen, recapitulează progresele pe care le-am făcut cu Atlas, soluția WordPress fără cap a WP Engine și oferă o scurtă privire asupra progreselor pe care le vom urmări în 2023.

Slide-urile sesiunii:

Transcriere:

JASON KONEN: Bună, sunt Jason Konen. Sunt director de produs pentru Atlas aici, la WP Engine, și aș dori să vă vorbesc astăzi despre trecerea mai departe cu Headless powered by Atlas. Deci ceea ce vedem cu adevărat acum este o schimbare uriașă pe piață. Este probabil cea mai mare schimbare de când au apărut smartphone-urile, 64% dintre companii utilizând în prezent o abordare Headless și 90% caută să o facă în următoarele 12 luni. Acesta este un număr mare. Și știm că comunitatea WordPress a crescut în Headless în ultimii doi ani. Am lucrat îndeaproape cu unii dintre partenerii noștri și am implementat multe, multe site-uri WordPress Headless pentru a răspunde acestei nevoi.

Unul dintre lucrurile pe care le vedem este că Headless dă putere dezvoltatorilor. Deci, CMS-urile moderne au câteva lucruri cu adevărat minunate pe care le face. Dar ceea ce descoperim este că într-adevăr îi lipsește puterea editorului. Deci, aceste CMS-uri Headless care au fost create special pentru headless de la început, sunt cu adevărat interesante, sunt foarte utile pentru dezvoltatori, dar editorii pierd unele lucruri. Ei pierd teme și layout-uri de pagină și instrumente SEO și lucruri de genul ăsta. Dar WordPress dă putere editorului și a făcut-o întotdeauna. De la bază, până la toate pluginurile din ecosistem, toate temele și comunitatea.

Așadar, permițând cu adevărat editorului să-și controleze mesajul, textul, formatarea, testarea A/B, instrumentele SEO, schimbarea temelor și realizarea tuturor acestor lucrări fără a avea nevoie de dezvoltare grea. Dar tocmai am spus că Headless ia asta, ia acea putere. Dar credem că WordPress Headless aduce asta înapoi pentru toată lumea, nu doar alimentând dezvoltatorii și ceea ce doresc ei să facă, ci și editorii și ceea ce încearcă ei să facă. Așadar, dacă îl priviți ca „care sunt cele mai bune instrumente pentru muncă”, dezvoltatorii dvs. vor dori să lucreze cu o stivă tehnologică modernă care să le permită să scaleze, să folosească mai mult codul, să folosească tehnici moderne și să crească odată cu industria. Întrucât, editorii doresc să poată folosi instrumentele CMS pe care le cunosc și le-au iubit de 20 de ani, fără a fi nevoie să facă multe schimbări.

Aici intervine Atlas. Platforma Atlas a fost concepută pentru a încânta atât editorii, cât și dezvoltatorii. Cea mai bună găzduire WordPress din clasă este baza pentru aceasta, dar apoi am făcut straturi pe scalarea automată și găzduirea nodurilor de vindecare, astfel încât să puteți construi aplicații web moderne pe WordPress. Avem preconfigurate edge caching, instrumente CI/CD și performanță și securitate de neegalat, toate construite pe baza unui ecosistem care crește într-o comunitate care este în creștere. WP GraphQL, împreună cu noua sa funcție, Smart Cache, viitorul nostru produs, Atlas Search. Faust.JS, un cadru Headless pentru construirea de site-uri WordPress Headless, Advanced Custom Fields, pe care l-am adus în familia WP Engine anul trecut și am muncit din greu pentru a aduce capabilitățile noastre Atlas Content Modeler chiar în ACF.

Planuri și nu numai, și să nu uităm de sprijinul de clasă mondială pe care deja îl cunoașteți și îl iubiți. Acum vreau să vorbesc puțin despre performanță. Recent, am avut un client care a difuzat câteva reclame în timpul Super Bowl. Și nici măcar nu poți testa tipul de trafic pe care îl vei primi la un eveniment ca acesta. Dacă vedeți aici pe această diagramă, aveți trei vârfuri mici pe al șaselea, al optulea și al nouălea. Acestea erau testele lor de încărcare, așa că testau pentru a vedea „hei, acest site va rezista” la tot traficul la care se așteptau în timpul Super Bowl. Și apoi vezi acolo mai târziu în diagramă, două vârfuri uriașe, și asta corespunde celor două reclame care au difuzat prin Super Bowl. De 10 ori traficul la care se așteptau. Și asta a avut un succes incredibil.

Au avut performanțe consistente înainte, în timpul și după, chiar și cu creșterea bruscă de 10 ori cu 10 milioane de solicitări în doar câteva minute. Atacurile DDoS au fost atenuate la margine, prevenind orice fel de probleme de performanță a aplicațiilor. 99% din întregul front end a fost stocat în cache cu 151 de milisecunde, la primul octet și 700 de milisecunde pentru a reda, totul în timp ce gestionau 27 de milioane de solicitări în timpul Super Bowl. Deci, dacă ați merge pe site în timpul traficului de vârf, habar nu ați fi avut că era sub o astfel de încărcare. Acesta este genul de performanță pe care ți-o poate aduce un site WordPress Headless. Și am integrat asta în platforma Atlas.

Lucrăm foarte mult cu clientul și agenția din spatele acestui anunț pentru a ne asigura că site-ul lor a fost performant și optimizat. Și asta facem cu clienții noștri este să ne asigurăm că folosim toate cele mai bune practici pentru a ne asigura că site-urile dvs. sunt performante, rapide și sigure. Așadar, unul dintre lucrurile importante pe care le facem în echipa Atlas este să ascultăm și să colaborăm cu clienții noștri și cu partenerii agenției. Ascultăm, învățăm și eliberăm. Și iată doar o grămadă de lucruri pe care le-am lansat în 2022 pentru Atlas.

Ceea ce vreau să transmit este cât de multe investiții avem în acest domeniu. Credem cu adevărat că WordPress fără cap aduce cu adevărat tot ce este mai bun dintr-un CMS de clasă mondială performanței și experienței dezvoltatorilor de care site-urile moderne au nevoie pentru a avea succes. Și, pe măsură ce continuăm să lucrăm cu dvs. la ceea ce trebuie să construim cu adevărat, ce trebuie să avem cu adevărat pentru a vă ajuta să aveți succes, veți vedea din ce în ce mai multe investiții aici. O să ne vedeți cum continuăm să lansăm lucruri, dacă nu o dată la două săptămâni, cel puțin o dată pe lună pentru că ne mișcăm destul de repede. Și feedback-ul tău este foarte important pentru noi.

Unele dintre lucrurile pe care aș dori să le spun și să vorbesc puțin mai profund din această listă sunt: ​​Faust.js. Deci acesta este cadrul Headless pentru WordPress. Am construit asta în 2021 și l-am lansat acolo. Și am primit o mulțime de feedback de la voi și a fost grozav. Și am luat feedback-ul și l-am reconstruit pentru că pur și simplu nu se scala în modul în care dezvoltatorii aveau nevoie de el. Am folosit un limbaj de interogare furnizat de G-qty și am descoperit că doar – a făcut niște lucruri magice, dar nu s-a scalat așa cum ne-am dorit. Așa că am schimbat asta cu Apollo, care este un standard în industrie. Și asta a permis mult mai multă flexibilitate cu cadrul.

De asemenea, am lansat suport complet pentru ierarhia șabloanelor. Deci, dacă sunteți un adevărat dezvoltator WordPress și ați avut de-a face cu ierarhia WordPress de ani de zile, acest lucru vă va fi foarte familiar. Vei înțelege exact ce se întâmplă. De asemenea, am adăugat o arhitectură de plug-in, astfel încât să puteți extinde aceasta după cum este necesar. Autentificare, previzualizări de conținut direct din WordPress, lucruri pe care specialiștii în marketing se așteaptă atunci când își construiesc site-ul. Așa că a fost o lansare foarte mare, inspirată de toate feedback-urile pe care ni le-a dat comunitatea. Și continuăm să facem asta. Următoarea noastră caracteristică mare, pe care o puteți folosi astăzi, este suportul Gutenberg Block.

Deci asta este nou. Și, în esență, ceea ce încercăm să facem este să facem astfel încât dezvoltatorii să se poată asigura că blocurile pe care un editor este obișnuit să le folosească în WordPress sunt accesibile pentru front-end, pentru aplicația ta nod, fără o mulțime de muncă suplimentară, astfel încât puteți oferi editorului experiența pe care o așteaptă, împreună cu o experiență de dezvoltare care este ușor și ușor de gestionat. Și avem o sesiune mai târziu în DE{CODE} despre asta. Vă încurajez pe toți să participați și să învățați din asta. Ne-ar plăcea feedback-ul dvs. aici, deoarece continuăm să repetăm ​​această funcție cheie.

Un alt lucru care a dispărut când luați WordPress la Headless este bara de instrumente. Mulți editori sunt obișnuiți să acceseze o pagină web, să facă clic pe „Editați conținut” și să ajungă direct în editor și să poată schimba conținutul din mers. Ei bine, asta a dispărut când ai rămas fără cap. Așa că adăugăm asta înapoi cu Faust. Deci, puteți edita conținut, depana conexiunile și multe altele, la fel cum ați face cu bara de instrumente WordPress existentă. De asemenea, cred că există câteva lucruri cu adevărat interesante pe care le putem aduce în bara de instrumente care nu există în WordPress tradițional. Lucruri precum performanța serverului, starea implementării și altele, doar câteva dintre ideile pe care le avem pentru această caracteristică specială.

Deci, un alt lucru despre care vreau să vorbesc cu Faust este că Faust este construit pe Apollo și React și Next.js. Acesta extinde acest lucru și facilitează mult lucrul cu WordPress pentru dezvoltatorul JavaScript modern. Nu trebuie să-l folosești. Suntem agnostici ai cadrului pe Atlas. Dar dacă sunteți în căutarea unei recomandări despre cel mai bun mod de a face acest lucru, recomandarea noastră este Faust. O altă caracteristică cheie care se lansează astăzi aici la DE{CODE} pe care aș dori să o apelez este Atlas Search. Poate vă amintiți Atlas Search din DE{CODE} de anul trecut, unde am avut o versiune beta deschisă pe care mulți dintre voi să o încercați. Și mulți dintre voi au făcut-o, iar multe dintre feedback-urile pe care ni le-ați oferit de-a lungul anului au făcut din aceasta o funcție completă pe care o putem lansa astăzi.

Este o primă GraphQL fără API proprietară și este complet extensibilă. Avem un set complet de funcții cu ACF și suport personalizat de tip post, navigare cu fațete, rezultate ponderate și personalizate, rezultat, neclaritate și excluderi și, cel mai bine, nu avem limite pentru acțiunile de căutare sau lățimea de bandă. Dorim să facem acest lucru simplu și ușor de utilizat. Deci, dacă sunteți interesat de acest lucru, vă rugăm să consultați informațiile noastre suplimentare despre Atlas Search.

Și alte câteva versiuni cheie de care s-ar putea să nu știți și pe care le-am lansat în ultimele două trimestre: medii de previzualizare. Deci, dacă doriți să previzualizați o solicitare de sondaj, putem configura un mediu automat pentru dvs. Și asta face testarea și QA foarte ușoare. Nu trebuie să faci toată munca de a descoperi cine se uită la ce ramură și unde și în ce mediu se uită. Puteți crea automat unul dintre aceste medii efemere pe baza solicitării dvs. de sondaj.

Avem și webhook-uri de reconstrucție. Deci, le puteți folosi pentru a declanșa versiuni bazate pe orice logică de business de care aveți nevoie. Acesta este, de asemenea, ceva care este în direct astăzi. Cu asta, avem și rollback-uri instantanee. Așadar, dacă ceva nu funcționează, puteți redistribui pe o versiune anterioară a site-ului dvs. Și avem, de asemenea, jurnalele de construcție în timp real și capacitatea de a anula o construcție. Deci, dacă ceva nu merge bine, mergeți mai departe și anulați-l și putem să ne uităm la erori, să facem modificări și să reconstruim acel site. Și apoi o alta pe care mulți dintre voi o cer a fost protecția cu parolă, la fel ca în WordPress tradițional. Este posibil să aveți medii de previzualizare pe care doriți să le vadă și să le aprobe clientul dvs. Puneți o parolă pentru asta, astfel încât să puteți face asta live și să le permiteți să o folosească.

Și acum aș vrea să vă spun puțin mai multe despre viitor. Avem o serie de lucruri grozave la orizont pentru Atlas în următorul an. Dar sunt câteva dintre ele despre care aș vrea să vorbesc, care sunt mai aproape de realitate și ar trebui să le vedeți în următoarele câteva luni. Prima dintre acestea este monitorizarea și analizele avansate. Am auzit foarte des de la tine că ai dori mai multe informații, mai multe analize, ce se întâmplă cu site-ul meu? Cum arată traficul meu? Cum arată jurnalele de acces? Așa că vrem să vă prezentăm asta, astfel încât să puteți vedea asta fără a fi nevoie să-l cereți.

Puteți folosi asta pentru a vă optimiza campaniile, codul, site-ul. De asemenea, vom adăuga monitorizarea și alertele GraphQL. Ce se întâmplă exact cu interogările tale GraphQL în timp real? Astfel încât să puteți optimiza pentru performanță. Am menționat mai devreme anunțul pentru Super Bowl, care a necesitat multă reglare a diferitelor interogări pentru a avea cea mai optimă experiență. Deci, ce se întâmplă dacă vă putem oferi toate aceste informații la îndemână, astfel încât să le puteți optimiza singur pe măsură ce vă construiți? Acesta este scopul aici.

De asemenea, dorim să îmbunătățim experiența CI/CD. Așa că facem implementări automate și lucruri de genul asta pentru dvs. astăzi, dar există conducte de implementare care nu există. De exemplu, dacă modificați atât backend-ul, cât și WordPress și front-end-ul dvs. în Node, cum le implementați pe ambele în același timp, astfel încât să obțineți experiența potrivită? Așa că vom lucra la modalități de a permite construirea și gestionarea conductelor construite pentru proiectele dvs., implementările fiind gestionate prin WordPress și Node. Un alt element important pe care îl auzim mult este personalizarea și localizarea Headless. Pe măsură ce aceste site-uri web devin din ce în ce mai vizate, dorim să ne asigurăm că aveți toate instrumentele de care aveți nevoie pentru a vă personaliza și localiza site-urile. Așa că lucrăm la idei despre cum s-ar putea realiza acest lucru.

Ne-ar plăcea foarte mult ajutorul tău, deoarece când spun personalizarea sau localizarea fără cap, asta poate însemna multe lucruri pentru mulți oameni diferiți. Așa că mi-ar plăcea să aud de la tine pentru a înțelege care sunt lucrurile pe care le faci în acest domeniu, astfel încât să ne putem asigura că construim capabilitățile potrivite pentru tine. De asemenea, construim o bibliotecă Headless Block. Aceasta este o extensie a proiectului nostru React Gutenberg Bridge despre care am vorbit mai devreme și sper să mergeți și să participați la sesiunea despre asta mai târziu în cadrul evenimentului nostru DE{CODE}. Dar dorim să oferim o bibliotecă cu cele mai frecvent utilizate blocuri în WordPress, astfel încât acestea să fie toate configurate și conectate pentru a le folosi din cutie, astfel încât să nu trebuiască să faceți această lucrare.

Și le veți putea folosi și ca model pentru a le conecta în propriile blocuri personalizate după cum aveți nevoie. Speranța pe termen lung pe care o am pentru acest lucru este că dezvoltatorii vor începe să poată construi biblioteci de componente reutilizabile și poate să le împărtășească comunității, astfel încât să putem avea cu toții un avans în proiectele noastre. Și vorbind despre Faust, vreau să spun investiția continuă pe care o avem aici. După cum am spus mai devreme, Faust folosește Apollo, React și Next.js. Și vom adăuga mai multe funcții pe platforma noastră pentru a susține acele componente, astfel încât să ruleze mai rapid, mai sigur și să vă fie foarte ușor să dezvoltați pe Atlas.

Așa că acum vreau să vorbesc despre un subiect cu adevărat interesant. Această întrebare a fost pusă într-o sesiune de masă rotundă pe care am avut-o acum câteva săptămâni. Întrebarea, cred, exact a fost, de ce toată lumea împinge atât de mult Headless? Și așa vreau să vorbesc despre, este Headless lucrul potrivit pentru fiecare proiect? Cred că la un nivel înalt, nu este. Trebuie să alegeți instrumentul potrivit pentru muncă. Și Headless excelează cu adevărat atunci când cauți să construiești ceva care este foarte rapid și performant pe o stivă web modernă pe care vrei să fie foarte, foarte sigur. Excelează atunci când ai proiecte complicate. Excelează atunci când performanța este primordială.

V-aș recomanda să construiți un mic site de broșuri pe Headless? Nu neapărat, cu excepția cazului în care a fost un site cu trafic intens, care a avut un istoric de performanță slabă și trebuia să-i îmbunătățiți performanța sau dacă doriți să experimentați. Sunt site-ul perfect pentru a experimenta, deoarece sunt în general mici. Dar dacă creați un site media mare sau un site de comerț electronic, vă recomand Headless, deoarece vă va permite să construiți aceste site-uri într-un mod foarte compus, să aduceți date din alte sisteme, să creați experiențe omnicanal și fii rapid si performant.

Și recomand Headless WordPress pentru că știm că editorii iubesc WordPress. Este cel mai bun CMS disponibil pentru gestionarea și dezvoltarea conținutului. Deci, de ce nu ați dori să faceți asta într-un mod care să-i facă pe editori fericiți și pe dezvoltatori fericiți, toate în același timp având un site incredibil de performanță, care este foarte flexibil.

Am vrut să vă mulțumesc pentru timpul acordat astăzi și pentru feedback-ul și parteneriatul dumneavoastră continuu, în timp ce ne continuăm misiunea de a face din WordPress un CMS fără cap excelent. Avem o serie de alte sesiuni Headless astăzi la evenimentul DE{CODE}. Vă încurajez să le urmăriți, să puneți întrebări, deoarece suntem întotdeauna foarte încântați să lucrăm cu dvs. și să auzim lucrurile pe care le considerați importante pentru dezvoltarea site-urilor dvs. Mulțumesc.