Frontity este noul cadru front-end pentru crearea de site-uri web WordPress rapide
WordPress este de multă vreme cel mai popular sistem de management al conținutului. Nu numai că alimentează peste 30% dintre site-urile web de pe Internet, dar se mândrește și cu o comunitate uriașă de colaboratori care mențin ecosistemul WordPress viu și puternic.
WordPress este în primul rând un software de server bazat pe PHP. Există mii de îmbunătățiri și extensii personalizate pentru WordPress, care sunt în principal sub formă de pluginuri bazate pe PHP. Astfel, nu este surprinzător că au existat multe încercări de a integra cadre non PHP cu WordPress, în special cadre Javascript care preiau rapid spațiul Frontend în dezvoltarea Web.
Un astfel de cadru care urcă cu adevărat în topuri este un cadru React.js pentru WordPress numit Frontity. Este dezvoltat de un startup din Spania. Dezvoltarea pentru Frontity se desfășoară de câțiva ani. Cu toate acestea, a făcut recent știri când a strâns o rundă de 1 milion de euro condusă de compania din spatele WordPress, automată și firma de capital de risc KFund. Pentru a înțelege motivul din spatele acestui lucru, este mai întâi important să înțelegem ce este cadrul Frontity și ce beneficii aduce acesta.
Ce este Frontity?
Înainte de a afla despre Frontity, este esențial să cunoaștem arhitectura de bază a WordPress. După cum probabil știți, WordPress este un software de server bazat pe PHP. Este nevoie de un software server precum Apache sau Nginx pentru a servi cererile și un software de bază de date precum MySQL pentru stocarea datelor (postări, pagini, utilizatori etc.).
Arhitectura WordPress
Odată ce deschideți, spuneți pagina principală a site-ului WordPress, acesta va apela index.php fișier în backend, care va returna HTML, CSS și JS pentru pagina de pornire, care va fi apoi afișat în browser. Astfel, PHP acționează ca o interfață comună de gateway (CGI) pentru site-ul web și, prin urmare, orice fel de îmbunătățiri ale front-end-ului trebuie să fie bazate pe PHP.
Arhitectura Frontity
Întrucât Frontity este a React-based, să vorbim mai întâi despre React JS. React este un cadru Javascript frontal dezvoltat și publicat de Facebook. Este extrem de popular datorită utilității sale în crearea de interfețe de utilizare rapide, stabile și receptive. React funcționează ca un modul Node JS și, prin urmare, un site web care utilizează React trebuie să se bazeze pe un server Node JS.
Acum, dacă doriți să utilizați un cadru pur Javascript, cum ar fi React, pentru a îmbunătăți interfața, adică să creați teme personalizate, este greoi să faceți acest lucru. Motivul este că un cadru precum React funcționează împreună cu Node, care pornește un server propriu. Și așa cum am menționat anterior, WordPress funcționează cu un server PHP CGI pe backend. Astfel, nu există o modalitate simplă de a crea teme și interfețe personalizate folosind React pentru WordPress.
Cu toate acestea, există o modalitate de a prelua date din baza de date WordPress de la distanță. Se poate face folosind API-ul REST WordPress, care este complet integrat în WordPress de bază începând cu versiunea WP 4.7 și mai sus. Dacă putem prelua datele WordPress de la distanță, înseamnă că acum putem afișa datele preluate așa cum dorim. Utilizatorii folosesc de multă vreme API-ul REST pentru a dezvolta aplicații personalizate, pagini web pentru a accesa datele WordPress direct din baza de date. Aceste tipuri de sisteme de management al conținutului (CMS) sunt, de asemenea, denumite fără cap CMS.
Frontitatea se bazează chiar pe acest concept. Se conectează la o bază de date WordPress prin API-ul REST, se ocupă de analizarea și organizarea datelor preluate. Vă lasă pe seama ce temă doriți să utilizați pentru a afișa site-ul web. Deoarece se bazează pe React, orice temă React poate fi utilizată pentru site-ul web. De asemenea, puteți dezvolta tema personalizată, dacă doriți. Frontend-ul WordPress bazat pe PHP va fi folosit în continuare de creatori/administratori pentru a crea conținut sau a modifica setările. Dar front-end-ul bazat pe Frontity va fi folosit ca pagină principală a site-ului.
Astfel, într-o configurare Frontity vor fi necesare două servere: unul este serverul WordPress, care are API-ul REST în funcțiune și returnează date WordPress, iar al doilea este serverul Node JS care rulează Frontity pentru a apela API-ul REST și a afișa date folosind React. .
Calea de urmat?
Întrucât compania din spatele WordPress strânge 1 milion de euro și React aduce o experiență de utilizator bogată WordPress, nu va fi o exagerare să spunem că Frontity este calea de urmat pentru site-urile moderne alimentate de WordPress. Interfața de utilizare WordPress va continua să fie folosită ca tablou de bord pentru crearea de conținut, în timp ce partea de afișare va fi mutată pe serverul Frontity.
Puteți citi mai multe despre Frontity aici. Dacă aveți un site web WordPress și doriți să încercați Frontity, puteți urma pașii menționați aici pentru a face acest lucru.