Frontity er den hotte nye front-end-ramme til at skabe hurtige WordPress-websteder
WordPress har været det mest populære content management system i lang tid nu. Ikke kun magter det over 30% af webstederne på internettet, men det kan også prale af et stort fællesskab af bidragydere, der holder WordPress-økosystemet i live og stærkt.
WordPress er primært en PHP-baseret serversoftware. Der er tusindvis af tilpassede forbedringer og udvidelser til WordPress, som hovedsageligt er i form af PHP-baserede plugins. Der har således ikke overraskende været mange forsøg på at integrere ikke-PHP-frameworks med WordPress, især Javascript-frameworks, som hurtigt overtager frontend-pladsen i webudvikling.
En sådan ramme, der virkelig klatrer op på hitlisterne, er en React.js-ramme til WordPress kaldet Frontity. Det er udviklet af en startup baseret i Spanien. Udvikling for Frontity har stået på i et par år. Det kom dog for nylig med nyheder, da det rejste en runde på € 1 million ledet af virksomheden bag WordPress, Automatisk og venturekapitalselskab KFund. For at forstå årsagen bag dette, er det først vigtigt at forstå, hvad Frontity-rammen er, og hvilke fordele den medfører.
Hvad er Frontity?
Før vi lærer om Frontity, er det vigtigt at kende den grundlæggende arkitektur i WordPress. Som du måske ved, er WordPress en PHP-baseret serversoftware. Det kræver en serversoftware som Apache eller Nginx til at betjene anmodninger, og en databasesoftware som MySQL til lagring af data (indlæg, sider, brugere osv.).
WordPress arkitektur
Når du åbner, siger hovedsiden på WordPress-webstedet, vil det ringe index.php fil i backend, som vil returnere HTML, CSS og JS for hjemmesiden, som derefter vil blive vist i browseren. Således fungerer PHP som en Common Gateway Interface (CGI) for hjemmesiden, og derfor skal enhver form for forbedringer til frontend være PHP-baseret.
Frontity arkitektur
Da Frontity er en Reager-based framework, lad os først tale lidt om React JS. React er en frontend Javascript-ramme udviklet og udgivet af Facebook. Det er ekstremt populært på grund af dets håndelighed til at skabe hurtige, stabile, responsive brugergrænseflader. React fungerer som et Node JS-modul, og derfor skal en hjemmeside, der bruger React, være baseret på en Node JS-server.
Nu, hvis du vil bruge et rent Javascript-framework som React til at forbedre frontend, dvs. oprette brugerdefinerede temaer, er det besværligt at gøre det. Årsagen er, at et framework som React fungerer sammen med Node, som starter en egen server. Og som vi nævnte før, fungerer WordPress med en PHP CGI-server på backend. Der er således ingen ligetil måde at bygge brugerdefinerede temaer og brugergrænseflader ved hjælp af React til WordPress.
Der er dog en måde at hente data fra WordPress-databasen på afstand. Det kan gøres ved hjælp af WordPress REST API, som er fuldt integreret i kerne WordPress siden WP version 4.7 og nyere. Hvis vi kan hente WordPress-data eksternt, betyder det, at vi nu kan vise de hentede data, som vi ønsker. Brugere har brugt REST API i lang tid til at udvikle brugerdefinerede apps, websider til at få adgang til WordPress-data direkte fra databasen. Disse typer indholdsstyringssystemer (CMS) kaldes også hovedløst CMS.
Frontity er baseret på netop dette koncept. Den forbinder til en WordPress-database via REST API, sørger for at analysere og organisere de hentede data. Det overlader til dig, hvilket tema du gerne vil bruge til at vise hjemmesiden. Da det er baseret på React, kan ethvert React-tema bruges til hjemmesiden. Du kan også udvikle dit brugerdefinerede tema, hvis du vælger det. Den PHP-baserede frontend af WordPress vil stadig blive brugt af skabere/administratorer til at oprette indhold eller ændre indstillinger. Men Frontity-baseret frontend vil blive brugt som hjemmesidens hovedside.
I en Frontity-opsætning vil der således være to servere påkrævet: den ene er WordPress-serveren, som har REST API oppe og kører og returnerer WordPress-data, og den anden er Node JS-serveren, som kører Frontity for at kalde REST API og vise data ved hjælp af React .
Vejen frem?
Med virksomheden bag WordPress, der hæver 1 million euro, og React bringer en rig brugeroplevelse til WordPress, vil det ikke være en overdrivelse at sige, at Frontity er vejen frem for moderne WordPress-drevne websteder. WordPress UI vil fortsat blive brugt som et dashboard til at skabe indhold, mens visningsdelen vil blive flyttet til Frontity-serveren.
Du kan læse mere om Frontity her. Hvis du har et WordPress-websted og ønsker at prøve Frontity, kan du følge trinene nævnt her for at gøre det.