Frontity è il nuovo framework front-end per la creazione di siti Web WordPress veloci
WordPress è da molto tempo il sistema di gestione dei contenuti più popolare. Non solo alimenta oltre il 30% dei siti Web su Internet, ma vanta anche un'enorme comunità di contributori che mantengono vivo e forte l'ecosistema di WordPress.
WordPress è principalmente un software server basato su PHP. Esistono migliaia di miglioramenti ed estensioni personalizzati per WordPress che sono principalmente sotto forma di plugin basati su PHP. Pertanto, non sorprende che ci siano stati molti tentativi di integrare framework non PHP con WordPress, in particolare framework Javascript che stanno rapidamente prendendo il controllo dello spazio Frontend nello sviluppo Web.
Uno di questi framework che sta davvero scalando le classifiche è un framework React.js per WordPress chiamato Frontity. È sviluppato da una startup con sede in Spagna. Lo sviluppo di Frontity è in corso da un paio d'anni. Tuttavia, ha recentemente fatto notizia quando ha raccolto 1 milione di euro guidato dalla società dietro WordPress, automatico e società di capitale di rischio KFund. Per capire il motivo di ciò, è innanzitutto importante capire cos'è il framework Frontity e quali vantaggi porta.
Cos'è Frontity?
Prima di conoscere Frontity, è essenziale conoscere l'architettura di base di WordPress. Come forse saprai, WordPress è un software server basato su PHP. Richiede un software server come Apache o Nginx per soddisfare le richieste e un software di database come MySQL per l'archiviazione dei dati (Post, Pagine, Utenti, ecc.).
Architettura di WordPress
Una volta aperta, diciamo la pagina principale del sito Web di WordPress, chiamerà index.php file nel backend, che restituirà l'HTML, CSS e JS per la home page che verrà quindi visualizzato nel browser. Pertanto, PHP funge da Common Gateway Interface (CGI) per il sito Web e quindi qualsiasi tipo di miglioramento del frontend deve essere basato su PHP.
Architettura di Frontity
Dal momento che Frontity è un React-based framework, parliamo un po' di React JS prima. React è un framework Javascript front-end sviluppato e pubblicato da Facebook. È estremamente popolare grazie alla sua praticità nella creazione di interfacce utente rapide, stabili e reattive. React funziona come un modulo Node JS e quindi un sito Web che utilizza React deve essere basato su un server Node JS.
Ora, se vuoi utilizzare un framework puramente Javascript come React per migliorare il frontend, ovvero creare temi personalizzati, è scomodo farlo. Il motivo è che un framework come React funziona insieme a Node, che avvia un proprio server. E come accennato in precedenza, WordPress funziona con un server PHP CGI sul backend. Pertanto, non esiste un modo semplice per creare temi e interfacce utente personalizzati utilizzando React per WordPress.
Tuttavia, esiste un modo per recuperare i dati dal database di WordPress in remoto. Può essere fatto utilizzando l'API REST di WordPress, che è completamente integrata nel core di WordPress dalla versione WP 4.7 e successive. Se possiamo recuperare i dati di WordPress da remoto, significa che ora possiamo visualizzare i dati recuperati come vogliamo. Gli utenti utilizzano da tempo l'API REST per sviluppare app personalizzate, pagine Web per accedere ai dati di WordPress direttamente dal database. Questi tipi di sistemi di gestione dei contenuti (CMS) sono indicati anche come senza testa CMS.
Frontity si basa proprio su questo concetto. Si collega a un database WordPress tramite API REST, si occupa di analizzare e organizzare i dati recuperati. Lascia a te quale tema desideri utilizzare per visualizzare il sito web. Poiché è basato su React, qualsiasi tema React può essere utilizzato per il sito web. Se lo desideri, puoi anche sviluppare il tuo tema personalizzato. Il front-end basato su PHP di WordPress sarà ancora utilizzato dai creatori/amministratori per creare contenuti o modificare le impostazioni. Ma il front-end basato su Frontity verrà utilizzato come pagina principale del sito web.
Pertanto, in una configurazione di Frontity saranno necessari due server: uno è il server WordPress, che ha l'API REST attiva e funzionante e restituisce i dati WordPress, e il secondo è il server Node JS che esegue Frontity per chiamare l'API REST e visualizzare i dati utilizzando React .
La strada davanti?
Con la società dietro WordPress che ha raccolto 1 milione di euro e React ha portato una ricca esperienza utente su WordPress, non sarà un'esagerazione dire che Frontity è la via da seguire per i moderni siti Web basati su WordPress. L'interfaccia utente di WordPress continuerà ad essere utilizzata come dashboard per la creazione di contenuti mentre la parte di visualizzazione verrà spostata sul server Frontity.
Puoi leggere di più su Frontity qui. Se hai un sito Web WordPress e vuoi provare Frontity, puoi seguire i passaggi menzionati qui per farlo.