Wordpress

Faust.js, a fej nélküli WordPress keretrendszere

Faust az a front-end keretrendszer Headless WordPress webhelyek készítéséhez. Az elmúlt hat hónapban a Faust csapata kutatott, prototípusokat készített és tesztelt a Headless WordPress webhelyek felépítésének új módját, amely a fejlesztői tapasztalatokra összpontosít.

A fej nélküli WordPress rengeteg előnyt kínál a hagyományos WordPress-hez képest: jobb fejlesztői élmény, méretezhetőség, jobb biztonság és jobb teljesítmény. Számos eszköz áll a rendelkezésére a Headless WordPress webhelyek készítéséhez. Számos különböző keretrendszer közül választhat, például a Next.js, a Gatsby, a Nuxt és a SvelteKit, hogy csak néhányat említsünk. 

Bár jó a rugalmasság és a választék, ez ijesztő feladat lehet, ha nem ismeri alaposan az összes előtér-keretrendszert, könyvtárat, optimalizációt, telepítési módszert stb. Ez az egyik a számos probléma közül, amelyeket a Faust megold. bármely build szolgáltatással és front-end gazdagéppel működik.

Az alábbiakban felsoroljuk azokat a funkciókat, amelyek feltétlenül szükségesek a Headless WordPress készítéséhez:

  • Statikus webhelygenerálás (SSG): Képesnek kell lennie a tartalom globális terjesztésére a szélén, és optimalizálnia kell a megjelenítést statikus oldalak idő előtti felépítésével.
  • Szerver oldali megjelenítés (SSR): Néha kihasználhatod az SSG-t, máskor pedig nem. Mind az SSR-nek, mind az SSG-nek (és a kliensoldali renderelésnek) lehetővé kell tenni, hogy Ön kiválaszthassa, mi ésszerű vállalkozása és alkalmazása szempontjából.
  • Könnyű adatlehívás: A hagyományos WordPress-szel megszokta, hogy minden szükséges adat rendelkezésre áll anélkül, hogy bonyolult lekérdezéseket kellene végrehajtania. A fej nélküli WordPress webhely sem különbözhet egymástól.
  • Minimális konfiguráció: Időt kell töltenie vállalkozása felépítésével, nem pedig az összeállítás konfigurációjával és a termelés optimalizálásával.
  • Alapvető webes vitálok: Képesnek kell lennie arra, hogy minden trükköt kihasználjon a legjobb Lighthouse pontszámok megszerzéséhez.
  • Közzétételi tapasztalat (PX): A kiadóknak nem kell feláldozniuk az UX-et pusztán azért, mert webhelye fejetlen.
  • Fejlesztői élmény (DX): Élvezetesnek kell lennie Fej nélküli WordPress-webhelyeket építeni. A fejlesztőknek nem szabad úgy érezniük, hogy a rendszer ellen harcolnak, hanem a rendszer helyettük dolgozik.

Mindezt szem előtt tartva, ma büszkén mutatjuk be Faust a WordPress közösségnek. A Faust arra összpontosít, hogy a Headless WordPress-re építve a legjobb fejlesztői élményt nyújtsa, miközben megőrzi a WordPress által ismert és kedvelt közzétételi élményt. Íme néhány ma elérhető Faust funkció:

  • SSG és SSR: A Faust a Next.js-re épül, lehetővé téve a Next.js-ben már elérhető SSG és SSR előnyeinek kihasználását
  • GraphQL: A Faust egy kifinomult GraphQL-klienst használ, amely lehetővé teszi a WordPress WPGraphQL API lekérdezését anélkül, hogy időben ismernie kellene a GraphQL lekérdezéseket. Amikor először látja ezt működés közben, varázslatos érzés, és a Faust az első keretrendszer, amely ilyen funkcionalitást kínál. Soha többé ne gondoljon arra, hogy GraphQL-lekérdezést írjon!
  • Tartalmi előnézetek: Nehéz volt elérni, hogy az előnézetek folyamatosan működjenek a Headless WordPress esetében. A Faust megoldja ezt a problémát, így nem kell aggódnia semmiért.
  • Hitelesítés: A Faust beépített mechanizmusokkal rendelkezik a WordPress-háttérrendszerrel történő hitelesítéshez, így könnyedén hozhat létre zárt tartalmat, e-kereskedelmi élményeket, vagy más hitelesített kéréseket intézhet.
  • Reagál: A WordPress a Reactot használja a mag DX egyes részein. A Faust egy lépéssel tovább viszi a dolgokat, lehetővé téve, hogy a legnépszerűbb előtér-könyvtár segítségével felépítsd a teljes frontendet.
  • React horgok: A Faust a WordPress API természetes kiterjesztése, mert hihetetlenül egyszerűvé teszi az adatok beszerzését a WordPress-ből.
  • Egyéni Hozzászólás típusok: Mivel a Faust egyedülálló módon segíti az adatok lekérését, az egyéni bejegyzéstípusok hozzáadása a WordPress-webhelyhez, majd ezek elérése a frontenden triviális.
  • Rugalmasság: Míg a Faust a Next.js és a React használatakor működik a legjobban, ha más eszközöket szeretne használni, például a Gatsbyt, a Nuxtot és a SvelteKit-et, megteheti!

A Faust már használatban van, és a közösség növekszik

A Faustnak jelenleg több mint 300 sztárja és 19 közreműködője van a GitHubon, és hetente több mint 150 letöltés az NPM-en. Sok webhely már használja a Faustot a termelésben. Óriási köszönetünket szeretnénk kifejezni azoknak a korai alkalmazóknak (mindannyian @wpengine/headless adopterre is nézek), akik velünk voltak a hibák azonosításában, funkciókat kértek, és általában segítettek abban, hogy a Faust olyanná formáljuk. ma van!

Faust három vezérelve

A Faust a WP Engine belső hackathonja során indult. A cél az volt, hogy megoldást hozzunk létre a bejegyzések és oldalak előnézetére egy Headless WordPress webhelyen. Akkoriban már létezett néhány előnézeti lehetőség a Headless WordPressben, de a legtöbb megoldás feláldozta a kiadó élményét, mert arra kényszerítette őket, hogy bejelentkezzenek valamilyen külső webhelyre, vagy egy kereten belül nézzék meg előnézeti oldalukat. Az általunk kitalált megoldás ugyanazt a tapasztalatot tette lehetővé, mint amit a kiadó megszokott a bejegyzések előnézetében egy hagyományos WordPress-webhelyen, ehelyett a Headless WordPress használatával.

A hackathon csak egy nap volt, de amikor bemutattuk a WP Engine többi tagjának, rengeteg pozitív visszajelzést és kérdést kaptunk a cégen belüli emberektől. A legtöbb kérdés közös témát osztott: Mit tehetünk még a Headless WordPress-szel annak érdekében, hogy a közzétételi élmény a hagyományos WordPressét utánozza?

A hackathon óta azon az úton haladunk, hogy összeállítsunk egy olyan keretrendszert, amely megkönnyíti a Headless WordPress webhelyek készítését három alapelvet szem előtt tartva:

  1. Arra törekszünk, hogy a hagyományos WordPress-szel konzisztens közzétételi élményt érjünk el. Tartalom közzétételekor nem kell tudnia, hogy webhelye hagyományos vagy fej nélküli webhely.
  2. A WordPress legyen az adattároló és a tartalomszolgáltató motorja, és a lehető legnagyobb mértékben lehetővé kell tenni a frontend számára a megjelenítés meghatározását.
  3. A fejlesztői tapasztalat első osztályú állampolgár. Ez azt jelenti, hogy szabadon kell fejleszteni, a természetesnek tűnő funkciók biztosítására összpontosítva, valamint az alapos, következetes és naprakész dokumentáció fenntartását.

Mi vár ránk?

A Faust már sok olyan kihívást megold, amelyekkel a Headless WordPress webhely készítése során szembesül. A munka azonban nem készült el. Faust még csak most kezdődik. Az előttünk álló utat a gyorsan növekvő közösség fogja kikövezni.

Szerinted hogyan kellene Faustnak fejlődnie? Hozzá kell adnunk támogatást több könyvtárhoz, keretrendszerhez és eszközhöz? Dolgoznunk kell a Gutenberg Blocks fej nélküli használatának élményén? Javasoljuk, hogy látogasson el GitHub-tárházunkba, csillagozza meg, nézze meg, és akár egy kiadvány vagy PR formájában is járuljon hozzá! Nézze meg a faustjs.org oldalt is, a Faustnak szentelt webhelyet. Itt megtalálja az összes dokumentációnkat, beleértve az oktatóanyagot, a használati útmutatókat és a referenciadokumentációkat. Csatlakozzon a Discord szerverünkhöz is a Headless WordPress közösségért!

Kapcsolódó cikkek

0 Hozzászólások
Inline visszajelzések
Az összes hozzászólás megtekintése
Vissza a lap tetejére gombra