Frontity és el nou marc de front-end per crear llocs web ràpids de WordPress
WordPress ha estat el sistema de gestió de continguts més popular des de fa molt de temps. No només alimenta més del 30% dels llocs web a Internet, sinó que també compta amb una gran comunitat de col·laboradors que mantenen l'ecosistema de WordPress viu i fort.
WordPress és principalment un programari de servidor basat en PHP. Hi ha milers de millores i extensions personalitzades a WordPress que es troben principalment en forma de connectors basats en PHP. Així, no és sorprenent que hi hagi hagut molts intents d'integrar frameworks no PHP amb WordPress, especialment frameworks Javascript que s'estan ocupant ràpidament de l'espai Frontend en el desenvolupament web.
Un d'aquests marcs que realment està pujant als gràfics és un marc React.js per a WordPress anomenat Frontity. Està desenvolupat per una startup amb seu a Espanya. El desenvolupament de Frontity fa un parell d'anys. No obstant això, recentment va ser notícia quan va recaptar una ronda d'1 milió d'euros liderada per l'empresa darrere de WordPress, Automàtic i empresa de capital risc KFund. Per entendre el motiu d'això, primer és important entendre què és el marc de Frontity i quins beneficis aporta.
Què és Frontity?
Abans d'aprendre sobre Frontity, és fonamental conèixer l'arquitectura bàsica de WordPress. Com ja sabeu, WordPress és un programari de servidor basat en PHP. Requereix un programari de servidor com Apache o Nginx per atendre les sol·licituds i un programari de base de dades com MySQL per emmagatzemar dades (Publicacions, Pàgines, Usuaris, etc.).
Arquitectura de WordPress
Un cop obriu, digueu la pàgina principal del lloc web de WordPress, es trucarà index.php fitxer al backend, que retornarà l'HTML, CSS i JS per a la pàgina d'inici que es mostrarà al navegador. Per tant, PHP actua com una interfície de passarel·la comuna (CGI) per al lloc web i, per tant, qualsevol tipus de millora a la interfície ha d'estar basada en PHP.
Arquitectura Frontera
Com que Frontity és un Reaccionar-based, primer parlem una mica de React JS. React és un framework Javascript de front-end desenvolupat i publicat per Facebook. És extremadament popular per la seva facilitat per crear interfícies d'usuari ràpides, estables i sensibles. React funciona com un mòdul Node JS i, per tant, un lloc web que utilitzi React s'ha de basar en un servidor Node JS.
Ara, si voleu utilitzar un marc purament Javascript com React per millorar la interfície, és a dir, crear temes personalitzats, és complicat fer-ho. El motiu és que un marc com React funciona conjuntament amb Node, que inicia un servidor propi. I com hem esmentat abans, WordPress funciona amb un servidor PHP CGI al backend. Per tant, no hi ha una manera senzilla de crear temes i interfícies d'usuari personalitzades amb React per a WordPress.
Tanmateix, hi ha una manera de recuperar dades de la base de dades de WordPress de forma remota. Es pot fer mitjançant l'API REST de WordPress, que està totalment integrada al nucli de WordPress des de la versió 4.7 i posterior de WP. Si podem obtenir dades de WordPress de forma remota, això vol dir que ara podem mostrar les dades obtingudes com vulguem. Els usuaris han estat utilitzant l'API REST durant molt de temps per desenvolupar aplicacions personalitzades, pàgines web per accedir a les dades de WordPress directament des de la base de dades. Aquest tipus de sistemes de gestió de continguts (CMS) també s'anomenen sense cap CMS.
Frontity es basa en aquest mateix concepte. Es connecta a una base de dades de WordPress mitjançant l'API REST, s'encarrega d'analitzar i organitzar les dades recuperades. Us deixa el tema que voleu utilitzar per mostrar el lloc web. Com que es basa en React, es pot utilitzar qualsevol tema de React per al lloc web. També podeu desenvolupar el vostre tema personalitzat si així ho trieu. Els creadors/administradors seguiran utilitzant el front-end de WordPress basat en PHP per crear contingut o canviar la configuració. Però el front end basat en Frontity s'utilitzarà com a pàgina principal del lloc web.
Així, en una configuració de Frontity es requereixen dos servidors: un és el servidor de WordPress, que té l'API REST en funcionament i retorna dades de WordPress, i el segon és el servidor Node JS que executa Frontity per trucar a l'API REST i mostrar dades mitjançant React. .
El camí a seguir?
Amb l'empresa darrere de WordPress recaptant 1 milió d'euros i React aportant una experiència d'usuari rica a WordPress, no serà una exageració dir que Frontity és el camí a seguir per als llocs web actuals amb WordPress. La interfície d'usuari de WordPress es continuarà utilitzant com a tauler per crear contingut mentre que la part de visualització es traslladarà al servidor de Frontity.
Podeu llegir més sobre Frontity aquí. Si teniu un lloc web de WordPress i voleu provar Frontity, podeu seguir els passos esmentats aquí per fer-ho.