Wordpress

Faust.js, rámec pro bezhlavý WordPress

Faust je ο front-end framework pro vytváření bezhlavých webů WordPress. Během posledních šesti měsíců tým Faust zkoumal, prototypoval a testoval nový způsob vytváření bezhlavých webů WordPress, který se zaměřuje na vývojářské zkušenosti.

Bezhlavý WordPress nabízí spoustu výhod oproti tradičnímu WordPress: lepší vývojářské prostředí, škálovatelnost, lepší zabezpečení a lepší výkon. Při vytváření bezhlavých WordPress webů máte k dispozici také mnoho nástrojů. Na výběr je řada různých rámců, jako je Next.js, Gatsby, Nuxt a SvelteKit, abychom jmenovali alespoň některé. 

I když je příjemné mít flexibilitu a výběr, může to být skličující úkol, pokud nejste důvěrně obeznámeni se všemi front-end frameworky, knihovnami, optimalizacemi, metodami nasazení atd. Toto je jeden z mnoha problémů, které Faust řeší a funguje s jakoukoli službou sestavení a hostitelem front-end.

Následuje seznam funkcí, které jsou naprosto nezbytné při vytváření bezhlavého WordPressu:

  • Generování statického webu (SSG): Musíte být schopni globálně distribuovat svůj obsah na okraji a optimalizovat zobrazování tím, že budete předem vytvářet statické stránky.
  • Vykreslování na straně serveru (SSR): Někdy můžete využít SSG a jindy ne. SSR i SSG (a vykreslování na straně klienta) musí být možné, abyste si mohli vybrat, co má pro vaši firmu a aplikaci smysl.
  • Snadné načítání dat: U tradičního WordPressu jste zvyklí mít k dispozici jakákoliv data, která potřebujete, aniž byste museli složitě dotazovat. Bezhlavý web WordPress by neměl být jiný.
  • Minimální konfigurace: Měli byste trávit čas budováním svého podnikání, ne se zatěžovat konfigurací sestavení a optimalizací výroby.
  • Základní webové vitály: Měli byste být schopni využít všechny triky potřebné k získání nejvyššího skóre v Lighthouse.
  • Publikační zkušenost (PX): Vaši vydavatelé by neměli obětovat UX jen proto, že váš web je bezhlavý.
  • Vývojářské zkušenosti (DX): Mělo by být příjemné vytvářet weby WordPress bez hlavy. Vývojáři by neměli mít pocit, že bojují proti systému, ale spíše systém pracuje pro ně.

S ohledem na to všechno dnes s hrdostí představujeme Fausta komunitě WordPress. Faust se zaměřuje na poskytování nejlepších vývojářských zkušeností při budování bezhlavého WordPressu a zároveň zachovává publikační prostředí, které znáte a milujete s WordPress. Zde jsou některé z funkcí Faust, které jsou dnes k dispozici:

  • SSG a SSR: Faust je postaven na Next.js, což vám umožňuje využívat výhody SSG a SSR, které jsou již dostupné u Next.js
  • GraphQL: Faust používá pokročilého klienta GraphQL, který vám umožňuje dotazovat se na WordPress WPGraphQL API, aniž byste museli znát dotazy GraphQL předem. Když to poprvé uvidíte v akci, připadá vám to jako kouzlo a Faust je první framework nabízející tento druh funkcí. Už nikdy nepřemýšlejte o psaní dotazu GraphQL!
  • Náhledy obsahu: Byl to problém, aby náhledy pro Headless WordPress fungovaly konzistentně. Faust tento problém řeší, takže se nemusíte o nic starat.
  • Ověřování: Faust má vestavěné mechanismy pro autentizaci s vaším WordPress backendem, takže můžete snadno vytvářet chráněný obsah, eCommerce zkušenosti nebo provádět jiné ověřené požadavky.
  • Reagovat: WordPress používá React v částech jádra DX. Faust posouvá věci o krok dále a umožňuje vám sestavit celý váš frontend pomocí nejoblíbenější frontendové knihovny.
  • Reagovat háčky: Faust je přirozené rozšíření vašeho WordPress API, protože díky němu je získávání dat z WordPressu neuvěřitelně přímočaré.
  • Custom Post Druhy: Díky jedinečnému způsobu, jakým vám Faust pomáhá načítat data, je přidávání vlastních typů příspěvků na váš web WordPress a poté k nim přístup na frontendu triviální.
  • Flexibilita: Zatímco Faust funguje nejlépe při používání Next.js a React, pokud chcete použít jiné nástroje, jako je Gatsby, Nuxt a SvelteKit, můžete to udělat!

Faust se již používá a komunita roste

Faust má v současnosti přes 300 hvězdiček a 19 přispěvatelů na GitHubu a přes 150 stažení týdně na NPM. Mnoho webů již používá Faust ve výrobě. Chceme vyjádřit obrovské poděkování těm, kteří se brzy osvojili (dívám se i na vás všechny, @wpengine/headless adopters), kteří s námi byli na naší cestě identifikací chyb, požadováním funkcí a obecně nám pomohli utvářet Fausta v to, co je to dnes!

Tři hlavní principy Fausta

Faust začal během interního hackathonu ve WP Engine. Cílem bylo vytvořit řešení pro náhled příspěvků a stránek na bezhlavém webu WordPress. V té době již existovalo několik možností náhledů v bezhlavém WordPressu, ale většina řešení obětovala zážitek pro vydavatele tím, že je přinutila přihlásit se na nějaký externí web nebo zobrazit stránku náhledu uvnitř rámce. Řešení, se kterým jsme přišli, umožnilo stejnou zkušenost, na kterou je vydavatel zvyklý s náhledem příspěvků na tradičním webu WordPress, ale místo toho používá bezhlavý WordPress.

Hackathon byl jen jeden den, ale když jsme to ukázali zbytku WP Engine, dostali jsme spoustu pozitivní zpětné vazby a otázek od lidí ve společnosti. Většina otázek sdílela společné téma – Co dalšího můžeme udělat s bezhlavým WordPressem, abychom zajistili, že publikační prostředí bude napodobovat tradiční WordPress?

Od hackathonu jsme se vydali cestou sestavování rámce, který usnadňuje vytváření bezhlavých WordPress webů s ohledem na tři klíčové principy:

  1. Budeme se snažit dosáhnout publikační zkušenosti konzistentní s tradičním WordPressem. Při publikování obsahu byste neměli vědět, zda je váš web tradiční web nebo web bez hlavy.
  2. WordPress by měl být úložištěm dat a motorem pro doručování obsahu a v maximální možné míře bychom měli umožnit frontendu, aby určoval prezentaci.
  3. Zkušenosti vývojářů jsou prvotřídní občané. To znamená vyvíjet otevřeně, zaměřit se na poskytování funkcí, které se přirozeně používají, a udržovat důkladnou, konzistentní a aktuální dokumentaci.

Co leží dopředu?

Faust již řeší mnoho výzev, kterým čelíte při vytváření bezhlavého webu WordPress. Práce však není hotová. Faust právě začíná. Cesta vpřed bude dlážděna komunitou, která se rychle rozrůstá.

Jak by se podle vás měl Faust vyvíjet? Měli bychom přidat podporu pro více knihoven, frameworků a nástrojů? Měli bychom pracovat na zlepšení zkušeností s používáním Gutenbergových bloků bezhlavě? Doporučujeme vám přejít do našeho úložiště GitHub, označit jej hvězdičkou, sledovat jej a dokonce přispívat ve formě vydání nebo PR! Podívejte se také na faustjs.org, web věnovaný Faustovi. Zde najdete veškerou naši dokumentaci včetně tutoriálu, návodů a referenční dokumentace. Měli byste se také připojit k našemu serveru Discord pro komunitu Headless WordPress!

Související články

0 Komentáře
Vložené zpětné vazby
Zobrazit všechny komentáře
Tlačítko Nahoru