Wordpress

Faust.js, de Framework Fir Headless WordPress

Faust ass der Front-End Kader fir Headless WordPress Siten ze bauen. An de leschte sechs Méint huet d'Faust Team fuerscht, prototypéiert an en neie Wee getest fir Headless WordPress Site ze bauen déi sech op d'Entwécklererfarung konzentréiert.

Headless WordPress bitt vill Virdeeler iwwer traditionell WordPress: besser Entwécklererfahrung, Skalierbarkeet, besser Sécherheet a besser Leeschtung. Et ginn och vill Tools zur Verfügung wann Dir Headless WordPress Site baut. Et ginn eng Rei vu verschiddene Kaderen fir ze wielen wéi Next.js, Gatsby, Nuxt, a SvelteKit fir e puer ze nennen. 

Och wann et flott ass Flexibilitéit a Choix ze hunn, kann et eng beängschtegend Aufgab sinn, wann Dir net mat all de Front-End Kaderen, Bibliothéiken, Optimisatiounen, Deployment Methoden, etc. et funktionnéiert mat all Build Service a Front-End Host.

Déi folgend ass eng Lëscht vu Funktiounen déi absolut noutwendeg sinn wann Dir Headless WordPress baut:

  • Static Site Generation (SSG): Dir musst fäeg sinn Ären Inhalt weltwäit um Rand ze verdeelen an d'Liwwerung ze optimiséieren andeems Dir statesch Säiten am Viraus bauen.
  • Server Säit Rendering (SSR): Heiansdo kënnt Dir vun SSG profitéieren an aner mol net. Béid SSR an SSG (a Client Side Rendering) musse méiglech sinn sou datt Dir kënnt wielen wat Sënn mécht fir Äert Geschäft an Applikatioun.
  • Einfach Daten sichen: Mat traditionelle WordPress sidd Dir gewinnt d'Disponibilitéit vun allen Daten ze hunn déi Dir braucht ouni komplizéiert Ufroen ze maachen. E Headless WordPress Site sollt net anescht sinn.
  • Minimal Konfiguratioun: Dir sollt Zäit verbréngen fir Äert Geschäft ze bauen, net mat Baukonfiguratioun a Produktiounsoptimiséierung ze messen.
  • Core Web Vitals: Dir sollt fäeg sinn all déi néideg Tricken ze profitéieren fir Top Lighthouse Scores ze kréien.
  • Verëffentlechungserfahrung (PX): Är Verëffentleche sollten net UX opferen einfach well Äre Site ouni Kapp ass.
  • Entwéckler Erfahrung (DX): Et sollt agreabel sinn Headless WordPress Siten ze bauen. D'Entwéckler sollten net fille wéi wann se géint de System kämpfen, mä éischter de System schafft fir si.

Mat all deem am Kapp, haut si mir houfreg de Faust der WordPress Gemeinschaft virzestellen. De Faust konzentréiert sech op déi bescht Entwécklererfarung ze liwweren wann Dir op Headless WordPress baut, wärend d'Verëffentlechungserfarung déi Dir kennt a gär mat WordPress behält. Hei sinn e puer vun de Faust Features déi haut verfügbar sinn:

  • SSG und SSR: Faust ass uewen op Next.js gebaut, wat Iech erlaabt SSG an SSR ze profitéieren déi scho mat Next.js verfügbar ass
  • GrafQL: Faust benotzt e bleeding-edge GraphQL Client deen Iech erlaabt de WordPress WPGraphQL API ze froen ouni GraphQL Ufroen am Viraus ze kennen. Déi éischte Kéier wann Dir dëst an Aktioun gesitt, fillt et sech wéi Magie, a Faust ass deen éischte Kader deen dës Zort Funktionalitéit ubitt. Denkt ni drun erëm eng GraphQL Ufro ze schreiwen!
  • Inhalt Virschau: Et war e Kampf fir Virschau ze kréien déi konsequent fir Headless WordPress funktionnéieren. De Faust léist dëse Problem sou datt Dir Iech iwwer näischt maache musst.
  • Validatioun: Faust huet agebaute Mechanismen fir d'Authentifizéierung mat Ärem WordPress Backend sou datt Dir einfach gated Inhalt, eCommerce Erfahrungen bauen oder aner authentifizéiert Ufroe maachen.
  • reagéieren: WordPress benotzt React an Deeler vum Kär DX. De Faust hëlt d'Saachen e Schrëtt weider an erlaabt Iech Äre ganze Frontend mat der populärer Frontendbibliothéik ze bauen.
  • Reakt Haken: Faust ass eng natierlech Extensioun fir Är WordPress API well et mécht Daten vu WordPress onheemlech einfach ze kréien.
  • Benotzerdefinéiert Post Zorte: Wéinst der eenzegaarteger Manéier hëlleft de Faust Iech Daten z'erreechen, Custom Post Types op Är WordPress Site ze addéieren an dann op de Frontend Zougang ze kréien ass trivial.
  • Flexibilitéit: Während Faust am Beschten funktionnéiert wann Dir Next.js a React benotzt, wann Dir aner Tools wéi Gatsby, Nuxt a SvelteKit benotze wëllt, kënnt Dir dat maachen!

De Faust ass schonn am Gebrauch an d'Gemeinschaft wiisst

De Faust huet de Moment iwwer 300 Stären an 19 Mataarbechter op GitHub an iwwer 150 wëchentlech Downloads op NPM. Vill Site benotze scho Faust an der Produktioun. Mir wëllen deene fréien Adoptanten e grousse Merci soen (ech kucken och op Iech all @wpengine/headless Adopteren) déi mat eis um Wee waren fir Bugs z'identifizéieren, Features ze froen an eis allgemeng gehollef hunn de Faust ze gestalten wat et ass haut!

Dräi Guiding Prinzipien vum Faust

De Faust huet säi Start wärend engem internen Hackathon bei WP Engine. D'Zil war eng Léisung ze bauen fir Posts a Säiten op engem Headless WordPress Site ze previewéieren. Zu där Zäit gouf et schonn e puer Méiglechkeete fir Virschau am Headless WordPress, awer déi meescht Léisungen hunn d'Erfahrung fir de Verlag geaffert andeems se se forcéiere sech op eng extern Säit anzeloggen oder hir Virschau Säit bannent engem Frame ze gesinn. D'Léisung, mat där mir erauskomm sinn, huet déiselwecht Erfarung aktivéiert wéi de Verlag gewinnt ass mat Virschau vun Posts op enger traditioneller WordPress Site awer amplaz Headless WordPress ze benotzen.

Den Hackathon war nëmmen een Dag, awer wa mir et dem Rescht vu WP Engine demonstréiert hunn, krute mir eng Tonn vu positive Feedback a Froen vu Leit bannent der Firma. Déi meescht vun de Froen hunn e gemeinsamt Thema gedeelt - Wat soss kënne mir mat Headless WordPress maachen fir sécherzestellen datt d'Verëffentlechungserfarung dat vum traditionelle WordPress imitéiert?

Zënter dem Hackathon si mir op d'Strooss gaang fir e Kader zesummenzestellen deen et méi einfach mécht Headless WordPress Site mat dräi Schlësselprinzipien am Kapp ze bauen:

  1. Mir beméien eis eng Verëffentlechungserfarung ze erreechen, déi konsequent mat traditionelle WordPress ass. Wann Dir Inhalt verëffentlecht, sollt Dir net wësse ob Äre Site en traditionelle Site oder e Headless Site ass.
  2. WordPress soll den Dategeschäft an d'Inhaltsliwwerungsmotor sinn a mir sollten de Frontend erlaben, d'Presentatioun ze bestëmmen.
  3. Entwéckler Erfahrung ass en éischte Klass Bierger. Dëst bedeit am Open Entwécklung ze fokusséieren op Features ze liwweren déi natierlech ze benotzen fillen, an eng grëndlech, konsequent an aktuell Dokumentatioun ze halen.

Wat läit vir?

De Faust léist scho vill vun den Erausfuerderungen déi Dir konfrontéiert wann Dir e Headless WordPress Site baut. Allerdéngs ass d'Aarbecht net fäerdeg. De Faust fänkt just un. D'Strooss viraus gëtt duerch d'Gemeinschaft geplatzt, déi séier wiisst.

Wéi mengt Dir, datt de Faust sollt evoluéieren? Solle mir Ënnerstëtzung fir méi Bibliothéiken, Kaderen an Tools addéieren? Solle mir schaffen fir d'Erfahrung ze verbesseren fir Gutenberg Blocks a Kapplos ze benotzen? Mir encouragéieren Iech op eise GitHub Repository ze goen, et ze staren, se ze kucken, a souguer a Form vun engem Thema oder PR bäizedroen! Kuckt och op faustjs.org, e Site gewidmet fir Faust. Do fannt Dir all eis Dokumentatioun inklusiv engem Tutorial, wéi-ze Guiden, a Referenz Dokumentatioun. Dir sollt och bei eisem Discord Server fir d'Headless WordPress Gemeinschaft matmaachen!

Verbonnen Artikelen

0 Comments
Inline Feedback
View all Kommentaren
Zréck erop zum Knäppchen