Frontity er det hotte nye front-end-rammeverket for å lage raske WordPress-nettsteder
WordPress har vært det mest populære innholdsstyringssystemet i lang tid nå. Ikke bare driver den over 30 % av nettstedene på Internett, men den har også et stort fellesskap av bidragsytere som holder WordPress-økosystemet i live og sterkt.
WordPress er først og fremst en PHP-basert serverprogramvare. Det er tusenvis av tilpassede forbedringer og utvidelser til WordPress som hovedsakelig er i form av PHP-baserte plugins. Derfor har det ikke overraskende vært mange forsøk på å integrere ikke-PHP-rammeverk med WordPress, spesielt Javascript-rammeverk som raskt tar over frontend-området i webutvikling.
Et slikt rammeverk som virkelig klatrer på listene er et React.js-rammeverk for WordPress kalt Frontity. Den er utviklet av en oppstart basert i Spania. Utvikling for Frontity har pågått i et par år. Imidlertid kom det nylig med nyheter da det samlet inn € 1 million runde ledet av selskapet bak WordPress, Automatisk og venturekapitalselskap KFund. For å forstå årsaken bak dette, er det først viktig å forstå hva Frontity-rammeverket er, og hvilke fordeler det gir.
Hva er Frontity?
Før vi lærer om Frontity, er det viktig å kjenne den grunnleggende arkitekturen til WordPress. Som du kanskje vet, er WordPress en PHP-basert serverprogramvare. Det krever en serverprogramvare som Apache eller Nginx for å betjene forespørsler, og en databaseprogramvare som MySQL for lagring av data (innlegg, sider, brukere, etc.).
WordPress arkitektur
Når du åpner, si hovedsiden til WordPress-nettstedet, ringer den index.php
fil i backend, som vil returnere HTML, CSS og JS for hjemmesiden som deretter vises i nettleseren. Dermed fungerer PHP som et Common Gateway Interface (CGI) for nettstedet, og derfor må enhver form for forbedringer av grensesnittet være PHP-basert.
Frontity-arkitektur
Siden Frontity er en Reager-based framework, la oss snakke litt om React JS først. React er et grensesnitt for Javascript utviklet og publisert av Facebook. Det er ekstremt populært på grunn av dets brukervennlighet i å lage raske, stabile, responsive brukergrensesnitt. React fungerer som en Node JS-modul, og derfor må et nettsted som bruker React være basert på en Node JS-server.
Nå, hvis du vil bruke et rent Javascript-rammeverk som React for å forbedre frontend, dvs. lage tilpassede temaer, er det tungvint å gjøre det. Årsaken er at et rammeverk som React fungerer sammen med Node, som starter en egen server. Og som vi nevnte før, fungerer WordPress med en PHP CGI-server på backend. Dermed er det ingen enkel måte å bygge tilpassede temaer og brukergrensesnitt ved å bruke React for WordPress.
Det er imidlertid en måte å hente data fra WordPress-databasen eksternt. Det kan gjøres ved å bruke WordPress REST API, som er fullt integrert i kjernen i WordPress siden WP versjon 4.7 og nyere. Hvis vi kan hente WordPress-data eksternt, betyr det at vi nå kan vise de hentede dataene som vi vil. Brukere har brukt REST API i lang tid for å utvikle tilpassede apper, nettsider for å få tilgang til WordPress-data direkte fra databasen. Denne typen innholdsstyringssystemer (CMS) blir også referert til som hodeløs CMS.
Frontity er basert på nettopp dette konseptet. Den kobles til en WordPress-database via REST API, tar seg av å analysere og organisere de hentede dataene. Det overlater til deg hvilket tema du vil bruke for å vise nettstedet. Siden det er basert på React, kan et hvilket som helst React-tema brukes på nettstedet. Du kan også utvikle ditt egendefinerte tema hvis du ønsker det. Den PHP-baserte frontenden av WordPress vil fortsatt bli brukt av skapere/administratorer for å lage innhold eller endre innstillinger. Men Frontity-basert grensesnitt vil bli brukt som hovedsiden på nettstedet.
I et Frontity-oppsett vil det derfor være nødvendig med to servere: en er WordPress-serveren, som har REST API oppe og kjører og returnerer WordPress-data, og den andre er Node JS-server som kjører Frontity for å kalle REST API og vise data ved hjelp av React .
Veien forover?
Med selskapet bak WordPress som samler inn 1 million euro og React gir en rik brukeropplevelse til WordPress, vil det ikke være en overdrivelse å si at Frontity er veien videre for moderne WordPress-drevne nettsteder. WordPress-grensesnittet vil fortsette å bli brukt som et dashbord for å lage innhold mens visningsdelen vil bli flyttet til Frontity-serveren.
Du kan lese mer om Frontity her. Hvis du har et WordPress-nettsted og ønsker å prøve Frontity, kan du følge trinnene nevnt her for å gjøre det.