¿Cómo está creado este blog?

«Just another WordPress site» Sí, este blog esta creado con WordPress. Puede sonar un poco decepcionante crear una entrada para contar cómo he creado un blog en WordPress, pero dame una oportunidad, déjame mostrarte un enfoque diferente.

Escribo el contenido de WordPress.com, más concretamente desde su editor de bloques, Gutenberg, similar a WordPress.org

Para pintar el blog utilizo React, soy de esos seres extraños que se sienten mas cómodos utilizando JavaScript que PHP, esto me permite una mejor componetización de la interface y un clara separación del frontend y el backend.

Problemas de crear un Blog con JavaScript

Esta no es la primera vez que intento construir mi blog utilizando JavaScript, tengo un par de pruebas de concepto construidas con Angular, pero pasaron de eso… pruebas de concepto.

El primer problema que me encontré es el tiempo que le costaba a mi móvil renderizar el blog que había creado con Angular 2, y el problema fundamental no es que esa versión de Angular fuera pesada, que también, era simplemente que es muy costoso para el navegador pintar toda la interface desde JavaScript

Otro gran problema era la indexación por el robot de Google y por la tanto la dificultad de posicionar el contenido en Google

Soluciones para crear tu Blog en JavaScript y WordPress

Están saliendo varias soluciones que te facilitan la creación de blogs utilizando JavaScript como puede ser www.gatsbyjs.org el cual genera archivos estáticos

Yo me he decantado por Frontity.org, un framework para crear temas de WordPress lo que lo convierte en una solución creada por y para WordPress. ¿Cómo funciona? Se ejecuta en un servidor NodeJs y te proporciona todas las herramientas necesarias para empezar a desarrollar tu tema con React, Webpack, Babel, Emotion, … y lo más importante… Server Side Render lo que hace que mejore mucho la experiencia de los usuario y de googlebot.

Imagen obtenida de la web de Frontity.org

También me a parecido muy útil la abstracción de la WP REST API, ya que tiene sus peculiaridades y en algunas ocasiones puede resultar un poco enrevesada.

Cambio de paradigma

Y mis plugins…. esto fue lo que más me costó asimilar, me tocaba cambiar la mentalidad, se cerraba la puerta de la habitación de los plugins, pero cuando una puerta se cierra otra se abre, y hay estaba npm con una colección infinita de componentes de React

Que futuro le espera a este blog

Lo primero y más importante es crear contenido, da igual la tecnología lo importante es que el contenido valga la pena, así que iré añadiendo contenido sobre el JavaScript, WordPress y cualquier cosa relacionada con el desarrollo Frontend

Lo siguiente respecto al blog, pasar el contenido a un servidor propio y así ir añadiendo funcionalidades a través de plugins y la REST API.

Frontity acaba de lanzar su primera versión y están trabajando en nuevas funcionalidades como puedes ser AMP, así que iré probando todas esas nuevas características, prometo ir contando la experiencia.

Por cierto si te interesa ver el código, puedes echarle un vistazo en https://github.com/goiblas/personal-blog