Frontity ist das heiße neue Front-End-Framework zum Erstellen schneller WordPress-Websites
WordPress ist seit langem das beliebteste Content-Management-System. Es betreibt nicht nur über 30% der Websites im Internet, sondern verfügt auch über eine riesige Community von Mitwirkenden, die das WordPress-Ökosystem lebendig und stark halten.
WordPress ist in erster Linie eine PHP-basierte Serversoftware. Es gibt Tausende von benutzerdefinierten Verbesserungen und Erweiterungen für WordPress, die hauptsächlich in Form von PHP-basierten Plugins vorliegen. Daher überrascht es nicht, dass es viele Versuche gab, Nicht-PHP-Frameworks in WordPress zu integrieren, insbesondere Javascript-Frameworks, die schnell den Frontend-Raum in der Webentwicklung einnehmen.
Ein solches Framework, das wirklich die Charts erklimmt, ist ein React.js-Framework für WordPress namens Frontity. Es wird von einem Startup mit Sitz in Spanien entwickelt. Die Entwicklung für Frontity läuft seit ein paar Jahren. Es machte jedoch kürzlich Schlagzeilen, als es eine 1-Millionen-Euro-Runde unter der Leitung des Unternehmens hinter WordPress sammelte. Automatik und Risikokapitalgesellschaft KFund. Um den Grund dafür zu verstehen, ist es zunächst wichtig zu verstehen, was das Frontity-Framework ist und welche Vorteile es mit sich bringt.
Was ist Frontalität?
Bevor wir Frontity kennenlernen, ist es wichtig, die grundlegende Architektur von WordPress zu kennen. Wie Sie vielleicht wissen, ist WordPress eine PHP-basierte Serversoftware. Es erfordert eine Serversoftware wie Apache oder Nginx, um Anfragen zu bedienen, und eine Datenbanksoftware wie MySQL zum Speichern von Daten (Beiträge, Seiten, Benutzer usw.).
WordPress-Architektur
Sobald Sie die Hauptseite der WordPress-Website öffnen, sagen Sie, sie wird aufgerufen index.php Datei im Backend, die HTML, CSS und JS für die Homepage zurückliefert, die dann im Browser angezeigt wird. Somit fungiert PHP als Common Gateway Interface (CGI) für die Website und daher müssen jegliche Erweiterungen des Frontends PHP-basiert sein.
Frontity-Architektur
Da Frontity a . ist Reaktionsbasised-Framework sprechen wir zunächst ein wenig über React JS. React ist ein Front-End-JavaScript-Framework, das von Facebook entwickelt und veröffentlicht wurde. Es ist aufgrund seiner Handlichkeit bei der Erstellung schneller, stabiler und reaktionsschneller Benutzeroberflächen äußerst beliebt. React funktioniert als Node JS-Modul und daher muss eine Website, die React verwendet, auf einem Node JS-Server basieren.
Wenn Sie nun ein reines Javascript-Framework wie React verwenden möchten, um das Frontend zu verbessern, d. h. benutzerdefinierte Themes zu erstellen, ist dies umständlich. Der Grund dafür ist, dass ein Framework wie React in Verbindung mit Node arbeitet, das einen eigenen Server startet. Und wie bereits erwähnt, arbeitet WordPress mit einem PHP-CGI-Server im Backend. Daher gibt es keine einfache Möglichkeit, mit React für WordPress benutzerdefinierte Designs und Benutzeroberflächen zu erstellen.
Es gibt jedoch eine Möglichkeit, Daten aus der WordPress-Datenbank aus der Ferne abzurufen. Dies kann über die WordPress REST API erfolgen, die seit WP-Version 4.7 und höher vollständig in den Kern von WordPress integriert ist. Wenn wir WordPress-Daten aus der Ferne abrufen können, bedeutet das, dass wir die abgerufenen Daten jetzt wie gewünscht anzeigen können. Benutzer verwenden die REST-API seit langem, um benutzerdefinierte Apps zu entwickeln, Webseiten, um direkt aus der Datenbank auf WordPress-Daten zuzugreifen. Diese Art von Content Management Systemen (CMS) werden auch als . bezeichnet kopflos CMS.
Frontity basiert auf genau diesem Konzept. Es verbindet sich über die REST-API mit einer WordPress-Datenbank, kümmert sich um das Parsen und Organisieren der abgerufenen Daten. Es bleibt Ihnen überlassen, welches Theme Sie zur Darstellung der Website verwenden möchten. Da es auf React basiert, kann jedes React-Theme für die Website verwendet werden. Sie können auch Ihr benutzerdefiniertes Thema entwickeln, wenn Sie dies wünschen. Das PHP-basierte Frontend von WordPress wird weiterhin von Erstellern/Administratoren verwendet, um Inhalte zu erstellen oder Einstellungen zu ändern. Als Hauptseite der Website wird jedoch ein Frontity-basiertes Frontend verwendet.
Daher sind in einem Frontity-Setup zwei Server erforderlich: Einer ist der WordPress-Server, der die REST-API in Betrieb hat und WordPress-Daten zurückgibt, und der zweite Node JS-Server, der Frontity ausführt, um die REST-API aufzurufen und Daten mit React anzuzeigen .
Der Weg nach vorn?
Da das Unternehmen hinter WordPress 1 Million Euro aufbringt und React eine umfassende Benutzererfahrung für WordPress bietet, ist es nicht übertrieben zu sagen, dass Frontity der Weg nach vorne für moderne WordPress-basierte Websites ist. Die WordPress-Benutzeroberfläche wird weiterhin als Dashboard zum Erstellen von Inhalten verwendet, während der Anzeigeteil auf den Frontity-Server verschoben wird.
Hier können Sie mehr über Frontity lesen. Wenn Sie eine WordPress-Website haben und Frontity ausprobieren möchten, können Sie die hier genannten Schritte ausführen.