Frontity est le nouveau framework frontal pour créer des sites Web WordPress rapides
WordPress est depuis longtemps le système de gestion de contenu le plus populaire. Non seulement il alimente plus de 30% des sites Web sur Internet, mais il compte également une énorme communauté de contributeurs qui maintiennent l'écosystème WordPress vivant et fort.
WordPress est principalement un logiciel serveur basé sur PHP. Il existe des milliers d'améliorations et d'extensions personnalisées pour WordPress qui se présentent principalement sous la forme de plugins basés sur PHP. Ainsi, il n'est pas surprenant qu'il y ait eu de nombreuses tentatives d'intégration de frameworks non PHP avec WordPress, en particulier les frameworks Javascript qui prennent rapidement le pas sur l'espace Frontend dans le développement Web.
Un de ces frameworks qui grimpe vraiment dans les charts est un framework React.js pour WordPress appelé Frontity. Il est développé par une startup basée en Espagne. Le développement de Frontity dure depuis quelques années. Cependant, il a récemment fait l'actualité lorsqu'il a levé 1 million d'euros mené par la société derrière WordPress, automatique et société de capital-risque KFund. Pour comprendre la raison derrière cela, il est d'abord important de comprendre ce qu'est le cadre Frontity et les avantages qu'il apporte.
Qu'est-ce que Frontity ?
Avant de découvrir Frontity, il est essentiel de connaître l'architecture de base de WordPress. Comme vous le savez peut-être, WordPress est un logiciel serveur basé sur PHP. Il nécessite un logiciel serveur comme Apache ou Nginx pour répondre aux demandes, et un logiciel de base de données comme MySQL pour le stockage des données (articles, pages, utilisateurs, etc.).
Architecture WordPress
Une fois que vous avez ouvert, disons la page principale du site Web WordPress, il appellera index.php dans le backend, qui renverra le code HTML, CSS et JS de la page d'accueil qui sera ensuite affiché dans le navigateur. Ainsi, PHP agit comme une interface de passerelle commune (CGI) pour le site Web et, par conséquent, tout type d'amélioration de l'interface doit être basé sur PHP.
Architecture de la frontière
Puisque Frontity est un React-based framework, parlons d'abord un peu de React JS. React est un framework Javascript frontal développé et publié par Facebook. Il est extrêmement populaire en raison de sa facilité à créer des interfaces utilisateur rapides, stables et réactives. React fonctionne comme un module Node JS et, par conséquent, un site Web utilisant React doit être basé sur un serveur Node JS.
Maintenant, si vous souhaitez utiliser un framework purement Javascript comme React pour améliorer le frontend, c'est-à-dire créer des thèmes personnalisés, il est fastidieux de le faire. La raison en est qu'un framework comme React fonctionne en conjonction avec Node, qui démarre son propre serveur. Et comme nous l'avons mentionné précédemment, WordPress fonctionne avec un serveur PHP CGI sur le backend. Ainsi, il n'existe aucun moyen simple de créer des thèmes et des interfaces utilisateur personnalisés à l'aide de React pour WordPress.
Cependant, il existe un moyen de récupérer les données de la base de données WordPress à distance. Cela peut être fait à l'aide de l'API REST de WordPress, qui est entièrement intégrée au cœur de WordPress depuis la version 4.7 et supérieure de WP. Si nous pouvons récupérer les données WordPress à distance, cela signifie que nous pouvons désormais afficher les données récupérées comme nous le souhaitons. Les utilisateurs utilisent l'API REST depuis longtemps pour développer des applications personnalisées, des pages Web pour accéder aux données WordPress directement à partir de la base de données. Ces types de systèmes de gestion de contenu (CMS) sont également appelés sans tête CMS.
Frontity est basé sur ce concept même. Il se connecte à une base de données WordPress via l'API REST, s'occupe de l'analyse et de l'organisation des données récupérées. Il vous laisse le thème que vous souhaitez utiliser pour afficher le site Web. Comme il est basé sur React, n'importe quel thème React peut être utilisé pour le site Web. Vous pouvez également développer votre thème personnalisé si vous le souhaitez. Le front-end basé sur PHP de WordPress sera toujours utilisé par les créateurs/administrateurs pour créer du contenu ou modifier les paramètres. Mais le front-end basé sur Frontity sera utilisé comme page principale du site Web.
Ainsi, dans une configuration Frontity, il y aura deux serveurs requis : l'un est le serveur WordPress, qui a l'API REST en cours d'exécution et renvoie les données WordPress, et le second est le serveur Node JS qui exécute Frontity pour appeler l'API REST et afficher les données à l'aide de React. .
La voie à suivre?
Avec la société derrière WordPress qui a collecté 1 million d'euros et React apportant une expérience utilisateur riche à WordPress, il ne sera pas exagéré de dire que Frontity est la voie à suivre pour les sites Web modernes alimentés par WordPress. L'interface utilisateur WordPress continuera à être utilisée comme tableau de bord pour créer du contenu tandis que la partie affichage sera déplacée vers le serveur Frontity.
Vous pouvez en savoir plus sur Frontity ici. Si vous avez un site Web WordPress et que vous souhaitez essayer Frontity, vous pouvez suivre les étapes mentionnées ici pour le faire.