Frontity je vrući novi front-end okvir za stvaranje brzih WordPress web stranica
WordPress je već dugo najpopularniji sustav za upravljanje sadržajem. Ne samo da pokreće preko 30% web-mjesta na internetu, već se može pohvaliti i velikom zajednicom suradnika koji održavaju WordPress ekosustav živim i jakim.
WordPress je prvenstveno poslužiteljski softver baziran na PHP-u. Postoje tisuće prilagođenih poboljšanja i proširenja za WordPress koji su uglavnom u obliku dodataka temeljenih na PHP-u. Stoga nije iznenađujuće da je bilo mnogo pokušaja integracije ne PHP okvira s WordPressom, posebno Javascript okvira koji brzo preuzimaju Frontend prostor u web razvoju.
Jedan takav okvir koji se stvarno penje na ljestvicama je React.js framework za WordPress pod nazivom Frontity. Razvio ga je startup sa sjedištem u Španjolskoj. Razvoj za Frontity traje već nekoliko godina. Međutim, nedavno je došao do vijesti kada je prikupio 1 milijun eura u rundi koju je predvodila tvrtka koja stoji iza WordPressa, Automatski i tvrtka rizičnog kapitala KFund. Da bismo razumjeli razlog za to, prvo je važno razumjeti što je Frontity okvir i koje prednosti donosi.
Što je Frontity?
Prije nego što naučimo o Frontityju, bitno je poznavati osnovnu arhitekturu WordPressa. Kao što možda znate, WordPress je poslužiteljski softver baziran na PHP-u. Potreban je poslužiteljski softver poput Apachea ili Nginxa za posluživanje zahtjeva i softver baze podataka kao što je MySQL za pohranu podataka (postovi, stranice, korisnici itd.).
WordPress arhitektura
Nakon što otvorite, recimo glavnu stranicu WordPress web stranice, ona će vas nazvati index.php
datoteku u pozadini, koja će vratiti HTML, CSS i JS za početnu stranicu koja će se zatim prikazati u pregledniku. Dakle, PHP djeluje kao zajedničko sučelje pristupnika (CGI) za web stranicu i stoga svaka vrsta poboljšanja frontenda mora biti bazirana na PHP-u.
![](http://img.drupalst.com/wp-content/uploads/developers/1952/iebr5qwwwv.jpg)
Frontity Architecture
Budući da je Frontity a React-based framework, razgovarajmo prvo o React JS-u. React je prednji Javascript okvir koji je razvio i objavio Facebook. Iznimno je popularan zbog svoje praktičnosti u stvaranju brzih, stabilnih, osjetljivih korisničkih sučelja. React radi kao Node JS modul i stoga web stranica koja koristi React mora biti bazirana na Node JS poslužitelju.
Sada, ako želite koristiti isključivo Javascript okvir kao što je React za poboljšanje frontenda, tj. stvaranje prilagođenih tema, to je glomazno učiniti. Razlog je taj što okvir poput Reacta radi u sprezi s Nodeom, koji pokreće vlastiti poslužitelj. I kao što smo već spomenuli, WordPress radi s PHP CGI poslužiteljem na pozadini. Stoga ne postoji jednostavan način za izradu prilagođenih tema i korisničkih sučelja pomoću Reacta za WordPress.
Međutim, postoji način za daljinsko preuzimanje podataka iz WordPress baze podataka. To se može učiniti pomoću WordPress REST API-ja, koji je u potpunosti integriran u jezgru WordPressa od WP verzije 4.7 i novije. Ako možemo daljinski dohvatiti WordPress podatke, to znači da sada možemo prikazati dohvaćene podatke kako želimo. Korisnici već dugo koriste REST API za razvoj prilagođenih aplikacija, web stranica za pristup WordPress podacima izravno iz baze podataka. Ove vrste sustava za upravljanje sadržajem (CMS) također se nazivaju bezglav CMS.
Frontity se temelji upravo na ovom konceptu. Povezuje se s WordPress bazom podataka putem REST API-ja, brine se za raščlanjivanje i organiziranje dohvaćenih podataka. Vama ostaje koju temu želite koristiti za prikaz web stranice. Budući da se temelji na Reactu, bilo koja React tema može se koristiti za web stranicu. Također možete razviti svoju prilagođenu temu ako tako želite. Kreatori/administratori i dalje će koristiti prednji kraj WordPress-a koji se temelji na PHP-u za stvaranje sadržaja ili promjenu postavki. Ali front end baziran na Frontityu koristit će se kao glavna stranica web stranice.
Dakle, u postavljanju Frontitya bit će potrebna dva poslužitelja: jedan je WordPress poslužitelj, koji ima REST API i koji vraća WordPress podatke, a drugi je Node JS poslužitelj koji pokreće Frontity za pozivanje REST API-ja i prikaz podataka pomoću Reacta .
![](http://img.drupalst.com/wp-content/uploads/developers/1952/iebr5qwwwv-1.jpg)
Put naprijed?
S tvrtkom koja stoji iza WordPressa koja je prikupila milijun eura, a React donosi bogato korisničko iskustvo WordPressu, neće biti pretjerano reći da je Frontity put naprijed za moderne web stranice koje pokreće WordPress. WordPress UI će se i dalje koristiti kao nadzorna ploča za kreiranje sadržaja dok će se dio prikaza premjestiti na Frontity poslužitelj.
Više o Frontityju možete pročitati ovdje. Ako imate WordPress web stranicu i želite isprobati Frontity, možete slijediti ovdje navedene korake da to učinite.