Frontity es el nuevo marco de front-end para crear sitios web rápidos de WordPress
WordPress ha sido el sistema de gestión de contenido más popular durante mucho tiempo. No solo alimenta más del 30% de los sitios web en Internet, sino que también cuenta con una gran comunidad de contribuyentes que mantienen vivo y fuerte el ecosistema de WordPress.
WordPress es principalmente un software de servidor basado en PHP. Hay miles de mejoras y extensiones personalizadas para WordPress que se encuentran principalmente en forma de complementos basados en PHP. Por lo tanto, no es sorprendente que haya habido muchos intentos de integrar marcos que no son PHP con WordPress, especialmente marcos Javascript que se están apoderando rápidamente del espacio Frontend en el desarrollo web.
Uno de esos marcos que realmente está subiendo en las listas es un marco React.js para WordPress llamado Frontity. Está desarrollado por una startup con sede fuera de España. El desarrollo de Frontity se ha llevado a cabo durante un par de años. Sin embargo, recientemente fue noticia cuando recaudó una ronda de € 1 millón liderada por la compañía detrás de WordPress, Automático y firma de capital riesgo KFund. Para comprender la razón detrás de esto, primero es importante comprender qué es el marco Frontity y qué beneficios aporta.
¿Qué es Frontity?
Antes de aprender sobre Frontity, es fundamental conocer la arquitectura básica de WordPress. Como sabrá, WordPress es un software de servidor basado en PHP. Requiere un software de servidor como Apache o Nginx para atender las solicitudes y un software de base de datos como MySQL para el almacenamiento de datos (publicaciones, páginas, usuarios, etc.).
Arquitectura de WordPress
Una vez que abra, diga la página principal del sitio web de WordPress, llamará index.php en el backend, que devolverá el HTML, CSS y JS para la página de inicio que luego se mostrará en el navegador. Por lo tanto, PHP actúa como una interfaz de puerta de enlace común (CGI) para el sitio web y, por lo tanto, cualquier tipo de mejora en la interfaz debe basarse en PHP.
Arquitectura de Frontity
Dado que Frontity es un Reaccionar-based, hablemos un poco sobre React JS primero. React es un marco de Javascript de interfaz desarrollado y publicado por Facebook. Es extremadamente popular debido a su facilidad para crear interfaces de usuario rápidas, estables y receptivas. React funciona como un módulo Node JS y, por lo tanto, un sitio web que use React debe basarse en un servidor Node JS.
Ahora, si desea utilizar un marco puramente Javascript como React para mejorar la interfaz, es decir, crear temas personalizados, es engorroso hacerlo. La razón es que un marco como React funciona en conjunto con Node, que inicia un servidor propio. Y como mencionamos antes, WordPress funciona con un servidor PHP CGI en el backend. Por lo tanto, no existe una forma sencilla de crear temas personalizados y UI usando React para WordPress.
Sin embargo, existe una forma de recuperar datos de la base de datos de WordPress de forma remota. Se puede hacer utilizando la API REST de WordPress, que está completamente integrada en el núcleo de WordPress desde WP versión 4.7 y superior. Si podemos obtener datos de WordPress de forma remota, eso significa que ahora podemos mostrar los datos obtenidos como queramos. Los usuarios han estado utilizando la API REST durante mucho tiempo para desarrollar aplicaciones personalizadas, páginas web para acceder a los datos de WordPress directamente desde la base de datos. Este tipo de sistemas de gestión de contenido (CMS) también se denominan sin cabeza CMS.
Frontity se basa en este mismo concepto. Se conecta a una base de datos de WordPress a través de la API REST, se encarga de analizar y organizar los datos recuperados. Le deja a usted qué tema le gustaría usar para mostrar el sitio web. Dado que se basa en React, cualquier tema de React se puede utilizar para el sitio web. También puede desarrollar su tema personalizado si así lo desea. Los creadores / administradores seguirán utilizando la interfaz de WordPress basada en PHP para crear contenido o cambiar la configuración. Pero el front-end basado en Frontity se utilizará como la página principal del sitio web.
Por lo tanto, en una configuración de Frontity, se requerirán dos servidores: uno es el servidor de WordPress, que tiene la API REST en funcionamiento y devuelve datos de WordPress, y el segundo es el servidor Node JS que ejecuta Frontity para llamar a la API REST y mostrar datos usando React. .
¿El camino a seguir?
Con la compañía detrás de WordPress recaudando 1 millón de euros y React brindando una rica experiencia de usuario a WordPress, no será una exageración decir que Frontity es el camino a seguir para los sitios web modernos con tecnología de WordPress. La interfaz de usuario de WordPress seguirá utilizándose como panel para crear contenido, mientras que la parte de visualización se trasladará al servidor Frontity.
Puedes leer más sobre Frontity aquí. Si tiene un sitio web de WordPress y desea probar Frontity, puede seguir los pasos que se mencionan aquí para hacerlo.