Wordpress

Faust.js, Headless WordPress-erako esparrua

Faust da du Headless WordPress guneak eraikitzeko front-end esparrua. Azken sei hilabeteetan, Faust taldea garatzaileen esperientzian zentratzen den Headless WordPress guneak eraikitzeko modu berri bat ikertzen, prototipatzen eta probatzen aritu da.

Headless WordPress-ek abantaila ugari eskaintzen ditu WordPress tradizionalaren aldean: garatzaileen esperientzia hobea, eskalagarritasuna, segurtasun hobea eta errendimendu hobea. Erreminta asko daude zure eskura Headless WordPress guneak eraikitzerakoan. Hainbat esparru daude aukeran, hala nola Next.js, Gatsby, Nuxt eta SvelteKit, batzuk aipatzearren. 

Malgutasuna eta aukera izatea atsegina den arren, lan izugarria izan daiteke front-end esparru, liburutegi, optimizazio, inplementazio-metodo eta abar guztiak ondo ezagutzen ez badituzu. edozein eraikuntza zerbitzurekin eta front-end ostalarirekin funtzionatzen du.

Hona hemen Headless WordPress eraikitzerakoan guztiz beharrezkoak diren ezaugarrien zerrenda:

  • Gune Estatikoen Sorkuntza (SSG): Zure edukia ertzean mundu osoan banatu eta entrega optimizatu behar duzu orrialde estatikoak aldez aurretik eraikiz.
  • Zerbitzariaren alboko errendatzea (SSR): Batzuetan SSG aprobetxa dezakezu eta beste batzuetan ezin. SSR eta SSG (eta Bezeroaren Aldeko Errendaketak) posible izan behar dute, zure negoziorako eta aplikaziorako zentzuzkoa dena aukeratu dezazun.
  • Datuak eskuratzea erraza: WordPress tradizionalarekin ohituta zaude behar dituzun datuen erabilgarritasuna edukitzera, kontsulta konplikatuak egin beharrik gabe. Headless WordPress gune batek ez luke desberdina izan behar.
  • Gutxieneko konfigurazioa: Denbora eman beharko zenuke zure negozioa eraikitzen, ez eraikitzeko konfigurazioarekin eta ekoizpen-optimizazioarekin nahastu.
  • Core Web Vitals: Lighthouse puntuazio gorenak lortzeko beharrezkoak diren trikimailu guztiak aprobetxatu ahal izango dituzu.
  • Argitalpen esperientzia (PX): Zure argitaletxeek ez lukete UX sakrifikatu behar, zure webgunea bururik gabe dagoelako.
  • Garatzaileen esperientzia (DX): Gozagarria izan beharko litzateke Headless WordPress guneak eraikitzea. Garatzaileek ez lukete sentitu behar sistemaren aurka borrokatzen ari direnik, baizik eta sistema haientzat lan egiten ari dela.

Hori guztia kontuan hartuta, gaur harro gaude Faust WordPress komunitatean aurkezteaz. Faust-ek garatzaileen esperientzia onena eskaintzera bideratzen du Headless WordPress-en eraikitzean, WordPress-ekin ezagutzen eta maite duzun argitalpen-esperientzia gordez. Hona hemen gaur egun eskuragarri dauden Faust ezaugarri batzuk:

  • SSG eta SSR: Faust Next.js-en gainean eraikita dago, Next.js-ekin dagoeneko eskuragarri dauden SSG eta SSR aprobetxatu ahal izateko
  • GraphQL: Faust-ek GraphQL bezero puntako bat erabiltzen du, WordPress WPGraphQL APIa kontsultatu ahal izateko GraphQL kontsultak aurretik ezagutu beharrik gabe. Hau ekintzan ikusten duzun lehen aldian magia dirudi, eta Faust da funtzionaltasun mota hau eskaintzen duen lehen esparrua. Inoiz ez pentsatu GraphQL kontsulta bat idaztea berriro!
  • Edukien aurrebista: Borroka bat izan da Headless WordPress-en aurrebistak etengabe funtzionatzea. Faustek arazo hau konpontzen du, ezertaz kezkatu beharrik ez izateko.
  • Autentifikazio: Faust-ek zure WordPress backendarekin autentifikatzeko mekanismoak ditu, eduki itxia, merkataritza elektronikoko esperientziak edo beste eskaera autentifikatu batzuk egiteko erraz eraiki dezazun.
  • Erreakzionatzeko: WordPress-ek React erabiltzen du core DX-aren zatietan. Faust-ek urrats bat gehiago ematen du zure frontend osoa eraikitzeko aukera ematen dizu frontend liburutegirik ezagunena erabiliz.
  • Erreakzionatu amuak: Faust zure WordPress APIaren luzapen naturala da, WordPress-etik datuak lortzea oso erraza delako.
  • Argitalpen mota pertsonalizatuak: Faust-ek datuak lortzen laguntzen dizun modu berezia dela eta, mezu pertsonalizatuak zure WordPress-eko gunera gehitzea eta gero frontend-ean sartzea hutsala da.
  • Malgutasuna: Faust-ek Next.js eta React erabiltzean ondoen funtzionatzen duen arren, beste tresna batzuk erabili nahi badituzu, hala nola Gatsby, Nuxt eta SvelteKit, hori egin dezakezu!

Faust dagoeneko erabiltzen ari da eta komunitatea hazten ari da

Faust-ek 300 izar eta 19 laguntzaile baino gehiago ditu GitHub-en eta asteko 150 deskarga baino gehiago NPM-n. Gune asko dagoeneko Faust erabiltzen ari dira ekoizpenean. Eskerrik asko eskertu nahi dizkizuegu bidean akatsak identifikatzen, funtzioak eskatzen eta, oro har, Faust zertan moldatzen laguntzen gaituzten @wpengine/headless adopters zuei ere begiratzen ari naizen lehen erabiltzaile horiei. gaur da!

Faustoren hiru printzipio gidari

Faustek WP Engine-n barneko hackaton batean hasi zen. Helburua Headless WordPress gune batean argitalpenak eta orriak aurrebista egiteko irtenbide bat sortzea zen. Garai hartan Headless WordPress-en aurrebistarako aukera batzuk existitzen ziren, baina irtenbide gehienek esperientzia sakrifikatu zuten argitaletxearentzat kanpoko gune batean saioa egitera behartuz edo beren aurrebista orria marko baten barruan ikustera behartuz. Sortu genuen irtenbideak argitaletxeak erabiltzen duen esperientzia bera gaitu zuen WordPress gune tradizionaleko argitalpenak aurrebistarekin, baina Headless WordPress erabiliz.

Hackatona egun bat baino ez zen izan, baina WP Engine-ren gainerakoei frogatu genionean hainbat iritzi eta galdera positibo jaso genituen konpainiako jendearen eskutik. Galdera gehienek gai komun bat zuten: zer gehiago egin dezakegu Headless WordPress-ekin argitalpen-esperientzia WordPress tradizionalarena imitatzen duela ziurtatzeko?

Hackathonetik hona, hiru printzipio gako kontuan hartuta, Headless WordPress guneak eraikitzea errazten duen marko bat osatzeko bidea hartu dugu:

  1. WordPress tradizionalarekin bat datorren argitalpen esperientzia bat lortzen ahaleginduko gara. Edukiak argitaratzean ez zenuke jakin behar zure gunea ohiko gune bat den edo bururik gabeko gune bat den.
  2. WordPress datu biltegia eta edukia bidaltzeko motorra izan behar du eta, ahal den neurrian, frontend-ak aurkezpena zehazten utzi beharko genioke.
  3. Garatzaileen esperientzia lehen mailako herritarra da. Horrek esan nahi du irekian garatzea, erabiltzeko modu naturalean sentitzen diren funtzioak eskaintzera bideratzea eta dokumentazio sakona, koherentea eta eguneratua mantentzea.

Zer dago Gezurretan?

Faust-ek dagoeneko konpontzen ditu Headless WordPress gune bat eraikitzerakoan aurrez aurre dituzun erronka asko. Hala ere, lana ez da egin. Faust hasi besterik ez dago. Aurrean dagoen bidea azkar hazten ari den komunitateak zabalduko du.

Nola eboluzionatu beharko luke Faustek zure ustez? Liburutegi, esparru eta tresna gehiagoren laguntza gehitu behar al dugu? Gutenberg Blocks bururik gabe erabiltzeko esperientzia hobetzeko lan egin behar al dugu? Gure GitHub biltegira joan, izarra, ikustera eta gai edo PR moduan ere ekarpena egitera animatzen zaitugu! Ikusi ere faustjs.org, Faustori eskainitako gunea. Bertan gure dokumentazio guztia aurkituko duzu tutorial bat, gidak eta erreferentziazko dokumentazioa barne. Gure Discord zerbitzarian ere sartu beharko zenuke Headless WordPress komunitaterako!

Gaiarekin lotutako artikuluak

0 Comments
Lineako erantzunak
Ikusi iruzkin guztiak
Itzuli gora botoia