Wordpress

Faust.js, el marc per a WordPress sense cap

Faust ho és la marc frontal per crear llocs de WordPress sense cap. Durant els últims sis mesos, l'equip de Faust ha estat investigant, realitzant prototips i provant una nova manera de crear llocs de WordPress sense cap que se centren en l'experiència dels desenvolupadors.

El WordPress sense cap ofereix molts avantatges respecte al WordPress tradicional: millor experiència de desenvolupador, escalabilitat, millor seguretat i millor rendiment. També hi ha moltes eines a la vostra disposició per crear llocs de WordPress sense cap. Hi ha una sèrie de marcs diferents per triar, com ara Next.js, Gatsby, Nuxt i SvelteKit per citar-ne alguns. 

Tot i que és agradable tenir flexibilitat i elecció, pot ser una tasca descoratjadora si no esteu íntimament familiaritzat amb tots els marcs de front-end, biblioteques, optimitzacions, mètodes de desplegament, etc. Aquest és un dels molts problemes que resol Faust i funciona amb qualsevol servei de creació i host frontal.

La següent és una llista de funcions que són absolutament necessàries per crear un WordPress sense cap:

  • Generació de llocs estàtics (SSG): heu de poder distribuir el vostre contingut a nivell mundial i optimitzar el lliurament mitjançant la creació de pàgines estàtiques amb antelació.
  • Representació lateral del servidor (SSR): De vegades pots aprofitar l'SSG i d'altres no. Tant SSR com SSG (i la representació del costat del client) han de ser possibles perquè pugueu triar el que té sentit per al vostre negoci i aplicació.
  • Recollida de dades fàcil: Amb el WordPress tradicional, esteu acostumats a tenir la disponibilitat de les dades que necessiteu sense haver de fer consultes complicades. Un lloc de WordPress sense cap no hauria de ser diferent.
  • Configuració mínima: hauríeu de dedicar temps a crear el vostre negoci, no a jugar amb la configuració de la compilació i l'optimització de la producció.
  • Vitals bàsiques del web: Hauríeu de poder aprofitar tots els trucs necessaris per obtenir les millors puntuacions de Lighthouse.
  • Experiència editorial (PX): Els vostres editors no haurien de sacrificar UX simplement perquè el vostre lloc no té cap.
  • Experiència de desenvolupador (DX): Hauria de ser agradable crear llocs de WordPress sense cap. Els desenvolupadors no haurien de sentir que estan lluitant contra el sistema, sinó que el sistema està funcionant per a ells.

Amb tot això en ment, avui estem orgullosos de presentar Faust a la comunitat de WordPress. Faust se centra a oferir la millor experiència de desenvolupador quan es construeix amb WordPress Headless alhora que preserva l'experiència de publicació que coneixeu i estimeu amb WordPress. Aquestes són algunes de les funcions de Faust disponibles avui:

  • SSG i SSR: Faust està construït sobre Next.js, cosa que us permet aprofitar SSG i SSR que ja estan disponibles amb Next.js
  • GraphQL: Faust utilitza un client GraphQL d'avantguarda que us permet consultar l'API WPGraphQL de WordPress sense haver de conèixer les consultes de GraphQL amb antelació. La primera vegada que ho veieu en acció sembla màgia, i Faust és el primer marc que ofereix aquest tipus de funcionalitat. No pensis mai més a escriure una consulta GraphQL!
  • Previsualitzacions de contingut: Ha estat una lluita perquè les previsualitzacions funcionin de manera coherent per a WordPress Headless. Faust soluciona aquest problema perquè no t'hagis de preocupar de res.
  • Authentication: Faust té mecanismes integrats per autenticar-vos amb el vostre backend de WordPress perquè pugueu crear fàcilment contingut tancat, experiències de comerç electrònic o fer altres sol·licituds autenticades.
  • Reaccionar: WordPress utilitza React en parts del nucli DX. Faust fa les coses un pas més enllà i us permet crear la vostra interfície sencera utilitzant la biblioteca de frontend més popular.
  • Reacciona els ganxos: Faust és una extensió natural de la vostra API de WordPress perquè fa que obtenir dades de WordPress sigui increïblement senzill.
  • Tipus de publicació personalitzats: A causa de la manera única en què Faust us ajuda a obtenir dades, afegir tipus de publicacions personalitzades al vostre lloc de WordPress i després accedir-hi a la interfície és trivial.
  • Flexibilitat: Tot i que Faust funciona millor quan s'utilitza Next.js i React, si voleu utilitzar altres eines com Gatsby, Nuxt i SvelteKit, podeu fer-ho!

Faust ja està en ús i la comunitat està creixent

Actualment, Faust té més de 300 estrelles i 19 col·laboradors a GitHub i més de 150 descàrregues setmanals a NPM. Molts llocs ja utilitzen Faust en producció. Volem estendre un enorme agraïment a aquells primers adoptants (també us estic mirant a tots vosaltres @wpengine/adopció sense cap) que heu estat amb nosaltres al llarg del camí identificant errors, sol·licitant funcions i, en general, ajudant-nos a donar forma a Faust en el que és avui!

Tres principis rectors de Faust

Faust va començar durant un hackathon intern a WP Engine. L'objectiu era crear una solució per visualitzar publicacions i pàgines en un lloc de WordPress sense cap. En aquell moment ja existien algunes opcions per a visualitzacions prèvies a Headless WordPress, però la majoria de les solucions sacrificaven l'experiència per a l'editor obligant-los a iniciar sessió en algun lloc extern o veure la seva pàgina de vista prèvia dins d'un marc. La solució que vam plantejar va permetre la mateixa experiència que l'editor està acostumat amb la previsualització de publicacions en un lloc tradicional de WordPress, però en comptes d'utilitzar Headless WordPress.

El hackathon va ser només un dia, però quan ho vam demostrar a la resta de WP Engine vam rebre un munt de comentaris i preguntes positives de la gent de l'empresa. La majoria de les preguntes compartien un tema comú: què més podem fer amb Headless WordPress per garantir que l'experiència de publicació imiti la del WordPress tradicional?

Des de l'hackathon hem anat pel camí de crear un marc que faciliti la creació de llocs de WordPress sense cap tenint en compte tres principis clau:

  1. Ens esforçarem per aconseguir una experiència de publicació coherent amb el WordPress tradicional. Quan publiqueu contingut, no hauríeu de saber si el vostre lloc és un lloc tradicional o un lloc sense cap.
  2. WordPress hauria de ser el magatzem de dades i el motor de lliurament de contingut i, en la mesura del possible, hauríem de permetre que el frontend determini la presentació.
  3. L'experiència del desenvolupador és un ciutadà de primera classe. Això vol dir desenvolupar-se a la intempèrie, centrar-se en oferir funcions que se sentin naturals d'utilitzar i mantenir una documentació exhaustiva, coherent i actualitzada.

El que s'acosta?

Faust ja resol molts dels reptes que us enfronteu a l'hora de crear un lloc de WordPress sense cap. Tanmateix, la feina no està feta. Faust tot just comença. El camí per davant serà asfaltat per la comunitat que està creixent ràpidament.

Com creus que hauria d'evolucionar Faust? Hem d'afegir suport per a més biblioteques, marcs i eines? Hem de treballar per millorar l'experiència d'utilitzar els blocs Gutenberg sense cap? Us animem a anar al nostre repositori de GitHub, a destacar-lo, a mirar-lo i fins i tot a contribuir en forma d'un problema o PR! Consulteu també faustjs.org, un lloc dedicat a Faust. Allà trobareu tota la nostra documentació, inclòs un tutorial, guies pràctiques i documentació de referència. També hauríeu d'unir-vos al nostre servidor de Discord per a la comunitat de WordPress Headless!

Articles Relacionats

답글 남기기

이메일 주소는 공개되지 않습니다.

Torna al botó superior