Wordpress

Faust.js, okvir za WordPress bez glave

Faust je o front-end okvir za izgradnju Headless WordPress stranica. Tijekom proteklih šest mjeseci, Faust tim je istraživao, izrađivao prototipe i testirao novi način izgradnje Headless WordPress web-mjesta koji se usredotočuje na iskustvo programera.

Headless WordPress nudi mnoštvo prednosti u odnosu na tradicionalni WordPress: bolje iskustvo programera, skalabilnost, bolju sigurnost i bolje performanse. Na raspolaganju su vam i mnogi alati prilikom izrade Headless WordPress stranica. Postoji niz različitih okvira koje možete izabrati, kao što su Next.js, Gatsby, Nuxt i SvelteKit da spomenemo samo neke. 

Iako je lijepo imati fleksibilnost i izbor, to može biti zastrašujući zadatak ako niste blisko upoznati sa svim front-end okvirima, knjižnicama, optimizacijama, metodama implementacije itd. Ovo je jedan od mnogih problema koje Faust rješava i radi s bilo kojom uslugom izgradnje i front-end hostom.

Slijedi popis značajki koje su apsolutno neophodne pri izradi Headless WordPress-a:

  • Generiranje statične stranice (SSG): Morate biti u mogućnosti distribuirati svoj sadržaj globalno na rubu i optimizirati isporuku izgradnjom statičnih stranica prije vremena.
  • Renderiranje na strani poslužitelja (SSR): Ponekad možete iskoristiti prednosti SSG-a, a drugi put ne. I SSR i SSG (i renderiranje na strani klijenta) moraju biti mogući kako biste mogli odabrati što ima smisla za vaše poslovanje i aplikaciju.
  • Jednostavno dohvaćanje podataka: Uz tradicionalni WordPress navikli ste na dostupnost svih podataka koji su vam potrebni bez postavljanja kompliciranih upita. WordPress stranica bez glave ne bi trebala biti drugačija.
  • Minimalna konfiguracija: Trebali biste potrošiti vrijeme na izgradnju svog poslovanja, a ne petljati se s konfiguracijom izrade i optimizacijom proizvodnje.
  • Ključni vitalni podaci: Trebali biste biti u mogućnosti iskoristiti sve trikove potrebne za postizanje najboljih svjetionika.
  • Izdavačko iskustvo (PX): Vaši izdavači ne bi trebali žrtvovati UX samo zato što je vaša stranica bez glave.
  • Iskustvo programera (DX): Trebalo bi biti ugodno graditi Headless WordPress stranice. Programeri se ne bi trebali osjećati kao da se bore protiv sustava, već sustav radi za njih.

Imajući sve to na umu, danas s ponosom predstavljamo Fausta WordPress zajednici. Faust se usredotočuje na pružanje najboljeg razvojnog iskustva kada gradi na Headless WordPress-u uz očuvanje iskustva objavljivanja koje poznajete i volite s WordPressom. Evo nekih od Faustovih značajki koje su danas dostupne:

  • SSG i SSR: Faust je izgrađen na vrhu Next.js, što vam omogućuje da iskoristite prednosti SSG-a i SSR-a koji su već dostupni uz Next.js
  • Graphql: Faust koristi najmoderniji GraphQL klijent koji vam omogućuje da postavljate upite WordPress WPGraphQL API-ju bez potrebe da unaprijed znate GraphQL upite. Prvi put kada vidite ovo na djelu, osjeća se kao magija, a Faust je prvi okvir koji nudi ovu vrstu funkcionalnosti. Nikada više ne razmišljajte o pisanju upita za GraphQL!
  • Pregledi sadržaja: Bilo je teško postići da pregledi rade dosljedno za Headless WordPress. Faust rješava ovaj problem tako da se ne morate ni o čemu brinuti.
  • Ovjera: Faust ima ugrađene mehanizme za provjeru autentičnosti s vašom pozadinom WordPressa tako da možete jednostavno izgraditi zatvoren sadržaj, iskustva e-trgovine ili postaviti druge provjerene zahtjeve.
  • Reagovati: WordPress koristi React u dijelovima jezgre DX-a. Faust ide korak dalje dopuštajući vam da izgradite cijeli frontend koristeći najpopularniju biblioteku frontenda.
  • Reagirajte kuke: Faust je prirodno proširenje za vaš WordPress API jer čini dobivanje podataka iz WordPressa nevjerojatno jednostavnim.
  • Custom Post vrste: Zbog jedinstvenog načina na koji vam Faust pomaže dohvaćati podatke, dodavanje prilagođenih vrsta objava na vašu WordPress stranicu, a zatim im pristup na frontendu je trivijalno.
  • Fleksibilnost: Iako Faust najbolje funkcionira kada koristite Next.js i React, ako želite koristiti druge alate kao što su Gatsby, Nuxt i SvelteKit, to možete učiniti!

Faust je već u upotrebi, a zajednica raste

Faust trenutno ima preko 300 zvjezdica i 19 suradnika na GitHubu i preko 150 tjednih preuzimanja na NPM-u. Mnoge web stranice već koriste Faust u proizvodnji. Želimo izraziti veliku zahvalnost onim ranim usvojiteljima (gledam i na sve vas @wpengine/headless usvojitelje) koji su bili s nama usput identificirajući bugove, tražeći značajke i općenito nam pomažući da oblikujemo Fausta u ono što danas je!

Tri Faustova vodeća načela

Faust je započeo tijekom internog hackathona na WP Engineu. Cilj je bio izgraditi rješenje za pregled postova i stranica na Headless WordPress stranici. U to vrijeme već je postojalo nekoliko opcija za pregled u Headless WordPressu, ali većina rješenja žrtvovala je iskustvo za izdavača prisiljavajući ih da se prijave na neku vanjsku stranicu ili pogledaju svoju stranicu za pregled unutar okvira. Rješenje koje smo smislili omogućilo je isto iskustvo na koje je izdavač navikao s pregledom postova na tradicionalnoj WordPress stranici, ali umjesto toga koristeći Headless WordPress.

Hackathon je trajao samo jedan dan, ali kada smo ga demonstrirali ostatku WP Enginea, dobili smo tonu pozitivnih povratnih informacija i pitanja od ljudi unutar tvrtke. Većina pitanja dijelila je zajedničku temu—Što još možemo učiniti s Headless WordPressom kako bismo osigurali da iskustvo objavljivanja oponaša iskustvo tradicionalnog WordPressa?

Od hackathona krenuli smo putem sastavljanja okvira koji olakšava izgradnju Headless WordPress stranica s tri ključna principa na umu:

  1. Nastojat ćemo postići iskustvo objavljivanja u skladu s tradicionalnim WordPressom. Kada objavljujete sadržaj, ne biste trebali znati je li vaša stranica tradicionalna stranica ili stranica bez glave.
  2. WordPress bi trebao biti motor za pohranu podataka i isporuku sadržaja i, u najvećoj mogućoj mjeri, trebali bismo dopustiti frontendu da odredi prezentaciju.
  3. Developer iskustvo je prvorazredni građanin. To znači otvoreni razvoj, usredotočujući se na pružanje značajki koje se čine prirodnim za korištenje i održavanje temeljite, dosljedne i ažurne dokumentacije.

Što slijedi?

Faust već rješava mnoge izazove s kojima se susrećete prilikom izrade Headless WordPress stranice. Međutim, posao nije gotov. Faust tek počinje. Put ispred nas će utrti zajednica koja brzo raste.

Što mislite kako bi se Faust trebao razvijati? Trebamo li dodati podršku za više knjižnica, okvira i alata? Trebamo li raditi na poboljšanju iskustva korištenja Gutenbergovih blokova u bezglavim? Potičemo vas da odete u naš GitHub repozitorij, označite ga zvjezdicom, pogledate, pa čak i date svoj doprinos u obliku izdanja ili PR-a! Također pogledajte faustjs.org, stranicu posvećenu Faustu. Tamo ćete pronaći svu našu dokumentaciju uključujući tutorial, vodiče s uputama i referentnu dokumentaciju. Također biste se trebali pridružiti našem Discord poslužitelju za Headless WordPress zajednicu!

Vezani članci

0 Komentari
Umetne povratne informacije
Pogledajte sve komentare
Natrag na vrh