Frontity is het nieuwe front-end framework voor het maken van snelle WordPress-websites
WordPress is al heel lang het populairste contentmanagementsysteem. Het is niet alleen verantwoordelijk voor meer dan 30% van de websites op internet, maar het beschikt ook over een enorme gemeenschap van bijdragers die het WordPress-ecosysteem levend en sterk houden.
WordPress is in de eerste plaats een op PHP gebaseerde serversoftware. Er zijn duizenden aangepaste verbeteringen en uitbreidingen voor WordPress, voornamelijk in de vorm van op PHP gebaseerde plug-ins. Het is dus niet verrassend dat er veel pogingen zijn gedaan om niet-PHP-frameworks met WordPress te integreren, met name Javascript-frameworks die snel de frontend-ruimte in webontwikkeling overnemen.
Een voorbeeld van zo'n raamwerk dat echt de hitlijsten beklimt, is een React.js-raamwerk voor WordPress genaamd Frontity. Het is ontwikkeld door een startup uit Spanje. Ontwikkeling voor Frontity is al een paar jaar aan de gang. Onlangs kwam het echter in het nieuws toen het een ronde van € 1 miljoen ophaalde onder leiding van het bedrijf achter WordPress, automatisch en durfkapitaalfirma KFund. Om de reden hierachter te begrijpen, is het eerst belangrijk om te begrijpen wat het Frontity-raamwerk is en welke voordelen het oplevert.
Wat is Frontiteit?
Voordat we meer te weten komen over Frontity, is het essentieel om de basisarchitectuur van WordPress te kennen. Zoals u wellicht weet, is WordPress een op PHP gebaseerde serversoftware. Het vereist serversoftware zoals Apache of Nginx om verzoeken te verwerken, en databasesoftware zoals MySQL voor de opslag van gegevens (Posts, Pages, Users, enz.).
WordPress Architectuur
Zodra u de hoofdpagina van de WordPress-website opent, zegt deze, wordt aangeroepen: index.php bestand in de backend, dat de HTML, CSS en JS retourneert voor de startpagina die vervolgens in de browser wordt weergegeven. PHP fungeert dus als een Common Gateway Interface (CGI) voor de website en daarom moet elke vorm van verbeteringen aan de frontend op PHP zijn gebaseerd.
Frontity-architectuur
Aangezien Frontity een Reageren-based framework, laten we eerst wat over React JS praten. React is een front-end Javascript-framework dat is ontwikkeld en gepubliceerd door Facebook. Het is enorm populair vanwege zijn handigheid bij het maken van snelle, stabiele, responsieve gebruikersinterfaces. React werkt als een Node JS-module en daarom moet een website die React gebruikt gebaseerd zijn op een Node JS-server.
Als u nu een puur Javascript-framework zoals React wilt gebruiken om de frontend te verbeteren, d.w.z. aangepaste thema's te maken, is het omslachtig om dat te doen. De reden hiervoor is dat een framework als React samenwerkt met Node, dat een eigen server start. En zoals we eerder vermeldden, werkt WordPress met een PHP CGI-server op de backend. Er is dus geen eenvoudige manier om aangepaste thema's en gebruikersinterfaces te bouwen met React voor WordPress.
Er is echter een manier om op afstand gegevens uit de WordPress-database op te halen. Het kan worden gedaan met behulp van de WordPress REST API, die volledig is geïntegreerd in de kern van WordPress sinds WP versie 4.7 en hoger. Als we WordPress-gegevens op afstand kunnen ophalen, betekent dit dat we de opgehaalde gegevens nu kunnen weergeven zoals we willen. Gebruikers gebruiken de REST API al heel lang om apps op maat te ontwikkelen, webpagina's om rechtstreeks vanuit de database toegang te krijgen tot WordPress-gegevens. Dit type Content Management Systemen (CMS) wordt ook wel aangeduid als: zonder hoofd CMS.
Frontity is gebaseerd op dit concept. Het maakt verbinding met een WordPress-database via REST API, zorgt voor het parseren en organiseren van de opgehaalde gegevens. U kunt zelf bepalen welk thema u wilt gebruiken om de website weer te geven. Omdat het is gebaseerd op React, kan elk React-thema voor de website worden gebruikt. Je kunt ook je eigen thema ontwikkelen als je dat wilt. De op PHP gebaseerde front-end van WordPress zal nog steeds worden gebruikt door makers/beheerders om inhoud te maken of instellingen te wijzigen. Maar op Frontity gebaseerde front-end zal worden gebruikt als de hoofdpagina van de website.
In een Frontity-configuratie zijn er dus twee servers vereist: de ene is de WordPress-server, die REST API actief heeft en WordPress-gegevens retourneert, en de tweede is de Node JS-server die Frontity uitvoert om de REST API aan te roepen en gegevens weer te geven met behulp van React .
De weg vooruit?
Met het bedrijf achter WordPress dat 1 miljoen euro ophaalt en React een rijke gebruikerservaring naar WordPress brengt, zal het niet overdreven zijn om te zeggen dat Frontity de weg vooruit is voor moderne door WordPress aangedreven websites. De gebruikersinterface van WordPress blijft worden gebruikt als dashboard voor het maken van inhoud, terwijl het weergavegedeelte wordt verplaatst naar de Frontity-server.
U kunt hier meer lezen over Frontity. Als je een WordPress-website hebt en Frontity wilt uitproberen, kun je de hier genoemde stappen volgen.