Faust.js

A Faust.js egy modern JavaScript keretrendszer, amelyet kifejezetten headless WordPress projektekhez hoztak létre. Akkor lép színre, amikor a WordPress már nem weboldal-megjelenítőként, hanem tartalom- és üzleti logika backendként működik, a frontend pedig egy teljesen különálló alkalmazás (jellemzően Next.js).

A problémát ott oldja meg, ahol a „sima” headless WordPress fejlesztés már fájdalmas:

– bonyolult autentikáció
– előnézetek (preview) kezelése
– WordPress-specifikus routing
– menük, globális beállítások
– szerkesztői workflow és frontend szétcsúszása

Faust.js célja nem az, hogy lecserélje a WordPress-t, hanem hogy összekösse a WordPress gondolkodásmódját a modern React/Next.js világgal.

Hogyan illeszkedik a headless architektúrába?

A klasszikus felállás:

WordPress
→ WPGraphQL
→ saját GraphQL lekérdezések
→ Next.js frontend

Ez működik, de sok mindent neked kell újra feltalálnod.
A Faust.js ebbe a rétegbe ékelődik be, és WordPress-tudatos absztrakciókat ad a frontendhez.

Nem egy általános React framework, hanem:

– WordPress-centrikus adatkezelés
– GraphQL-alapú routing
– beépített preview és auth logika
– Next.js-hez optimalizált működés

Routing WordPress logikával

Az egyik legnagyobb különbség, hogy a Faust.js nem erőlteti rád a frontend-oldali URL-logikát.

A WordPress dönt:

– mi egy oldal
– mi egy bejegyzés
– mi egy archívum
– mi egy egyedi post type

A Faust.js ezt „leköveti”, és a Next.js oldalain automatikusan ennek megfelelő route-okat hoz létre.

Ez különösen fontos akkor, ha:

– szerkesztők dolgoznak az adminban
– gyakran változik a tartalomszerkezet
– nem akarsz minden slug-változást frontend oldalon követni

Preview: az egyik legnagyobb fájdalompont megoldása

Headless környezetben a preview hagyományosan problémás:

– a WordPress előnézete nem a frontend appot tölti
– tokenekkel, redirectekkel kell trükközni
– szerkesztők nem látják, mit csinálnak

A Faust.js beépítve kezeli:

– WordPress preview tokenek
– jogosultságok
– draft és unpublished tartalmak megjelenítése
– élő előnézet Next.js oldalon

Ez kritikus akkor, ha nem fejlesztők dolgoznak a tartalommal.

Autentikáció és felhasználók

A Faust.js nem csak publikus tartalmakra készült.

Kezeli:

– bejelentkezett felhasználókat
– jogosultságokat
– privát tartalmakat
– WordPress auth integrációt

Ez alapvető, ha:

– zárt tartalom van
– dashboard vagy ügyfélfelület épül
– WooCommerce + WPGraphQL + headless checkout a cél

Adatlekérés filozófiája

Faust.js nem váltja ki a WPGraphQL-t, hanem ráépül.

Te továbbra is:

– GraphQL-t használsz
– fragmentekben gondolkodsz
– komponens-szintű adatlekérést írsz

A különbség az, hogy:

– sok „ragasztólogika” eltűnik
– kevesebb boilerplate kód kell
– WordPress-specifikus esetekre kész megoldásaid vannak

Kapcsolat WooCommerce-szel

Faust.js önmagában nem WooCommerce plugin, de kiválóan működik együtt:

– WPGraphQL for WooCommerce
– kosár és checkout API-alapon
– headless webshop frontend

Ebben a felállásban:

– WordPress + WooCommerce = üzleti motor
– WPGraphQL = adatkapu
– Faust.js + Next.js = frontend élmény

Ez a stack már enterprise-szintű megoldásokra alkalmas.

Teljesítmény és modern frontend eszközök

Mivel Faust.js Next.js-re épül, automatikusan elérhető:

– SSG / ISR / SSR
– edge caching
– route-szintű optimalizáció
– CDN-barát működés

Ez óriási ugrás egy klasszikus WordPress oldalhoz képest.

Miben nem segít?

Fontos határok:

– nem helyettesíti a WordPress admin UX-et
– nem csökkenti a fejlesztési komplexitást
– nem „drag and drop” megoldás
– nem no-code

A Faust.js nem egyszerűsít, hanem strukturál.

Kinek való valójában?

Ideális választás, ha:

– headless WordPress + Next.js projektet építesz
– fontos a szerkesztői preview
– WordPress-logikát akarsz megtartani
– skálázható, hosszú távú architektúrában gondolkodsz

Nem ideális, ha:

– klasszikus sablonos WordPress oldalt készítesz
– nincs GraphQL tapasztalat
– gyors marketing site a cél

Összegzés

A Faust.js nem egy újabb frontend framework, hanem egy hidat képező réteg a WordPress és a modern JavaScript világ között.

Ott erős, ahol a legtöbb headless projekt elvérzik:
preview, routing, autentikáció, szerkesztői élmény.

Ha a WordPress-t nem lecserélni, hanem új szintre emelni akarod, a Faust.js az egyik legérettebb eszköz erre.