hand Inicio

SERVICIOS

Salir

nochedía

DESARROLLO WEB con
GATSBY y WORDPRESS

emoji Cursos [24]
emoji Themes Gatsby [5]
emoji Themes WordPress [2]
emoji Blog [83]
emoji Herramientas [11]

Por qué GATSBYJS amenaza WordPress? Pero esto es así?

1700 palabras
6 minutos
June 6, 2020
bloggatsbywordpress

Gatsby no es una amenaza (al menos hoy), pero sí representa una evolución en el desarrollo que sin duda alimenta la renovación del WordPress del futuro

  1. Gatsby y WordPress, la primera diferencia
  2. WordPress es el rey, Gatsby un aspirante
  3. Gatsby no es amigable para el usuario no desarrollador
  4. Cómo funciona Gatsby
  5. Hacia dónde se dirige WordPress?
  6. Las diferencias prácticas de desarrollar un website con WordPress o con Gatsby

Gatsby y WordPress, la primera diferencia

Qué es Gatsby?

Gatsby es un framework (gatsbyjs.org) y también una empresa dedicada al hosting (gatsbyjs.com), repitiendo la fórmula de wordpress.org (framework) y wordpress.com (empresa)

Es curioso porque esta fórmula ha traido históricamente una confusión masiva a los usuarios de WordPress ya que no se entendía la diferencia

  • Si escogen WordPress - proyecto necesitarán buscarse un hosting y configurarlo ellos mismos

  • Si escogen WordPress - empresa están precisamente escogiendo un hosting particular que ya tiene WordPress instalado, aunque con ciertas particularidades concretas

Recuerdo haber leído hace tiempo en algún lugar que si hay algo que Matt Mullenweg cambiaría de WordPress es precisamente haber elegido wordpress.com como dominio, y que hoy en día escogería otro dominio

Esta confusión difícilmente ocurrirá con Gatsby al ser un producto orientado a desarrolladores

Y precisamente ésta es la primera gran diferencia

  • Gatsby está orientado para desarrolladores

  • WordPress está orientado para desarrolladores para implementadores y para usuarios avanzados

Bien

Pues de esta GRAN diferencia se derivan las respuestas a si Gatsby terminará sustituyendo a WordPress, o no

WordPress es el rey, Gatsby un aspirante

La segunda gran diferencia es lo que pongo en el título: WordPress es el líder en esto de sistemas para desarrollar páginas web

De líderes sólo hay uno, de aspirantes hay varios, aunque del ecosistema de aspirantes Gatsby está brillando con luz propia

Competencia de Gatsby?

  • NextJS
  • Eleventy
  • Nuxt
  • Hugo
  • Hexo

Los tienes todos en staticgen.com

Lo que les falta a estos aspirantes (Gatsby incluido) es un sistema amigable para el usuario no desarrollador en lo que es la gestión del contenido

Esto en realidad no es algo que Gatsby quiera hacer, de esto se encargan otros productos que no se vinculan a un único sistema sino que pueden trabajar con distintos sistemas

Es decir, que tienes productos como Strapi, Ghost o Contentful (los tienes todos en headlesscms.org) que pueden trabajar con Gatsby, NextJS u otros y te permiten gestionar tu contenido con un sistema gráfico como lo harías con WordPress

En otras palabras, Gatsby no es lo mismo que WordPress

Por lo tanto Gatsby no puede sustituir WordPress, al menos no de forma completa

Resumiendo

  • A Gatsby y compañía les falta un sistema gráfico para la gestión del contenido

  • Pero también les falta un sistema gráfico para la publicación del contenido

La publicación del contenido sí es cosa de Gatsby y el proceso tal y como está entendido es complicado que pueda resultar amigable para el no desarrollador

Por qué?

No tanto a nivel de hacer una publicación, puesto que esto puede automatizarse al 100%

Pero sí a nivel de mantenimiento

Los procesos de actualización de las librerías implicadas son complejas e incluso su gestión no es nada amigable

  • En WordPress este mantenimiento se reduce a actualizar un plugin o el propio WordPress con un botón, y con la gran diferencia que esos desarrollos están completamente dirigidos a WordPress con lo que es muy difícil que una actualización salga mal

  • Con Gatsby las librerías pueden fallar, dar errores de compatibilidad, sobre todo porque son librerías para todo el mundo y no sólo para Gatsby, y este proceso en sí no es ni rápido ni ágil

A efectos prácticos esto quiere decir que con un desarrollo Gatsby terminarás necesitando un desarrollador

Pero además, Gatsby tampoco nos permite configurar temas a medida sin la intervención de un desarrollador, mientras que WordPress vuelve a tener un ecosistema que sí nos los permite, aunque sea a nivel básico

Todo esto es un problema muy relativo para un desarrollador, pero es capital para el cliente final y por lo tanto también es capital para el desarrollador que trabaje para cliente final

Precisamente, esta orientación clara al desarrollo es la siguiente gran diferencia

Gatsby no es amigable para el usuario no desarrollador

  • Gatsby no proporciona un entorno gráfico para gestionar el contenido

  • Gatsby tampoco nos proporciona un entorno gráfico para gestionar la publicación de ese contenido

  • Y gatsby tampoco nos proporciona un entorno gráfico para modificar nuestra página web

Esto para el desarrollador que trabaje para cliente final quiere decir que si "fabrica" una web con Gatsby, el cliente final no podrá hacer nada con ese desarrollo (aparte de utilizarlo)

Esto no será un problema cuando se esté hablando por ejemplo de una simple landing para validar alguna idea

Pero para cualquier cosa más compleja, un desarrollo Gatsby necesitará un desarrollador al menos de forma puntual cada cierto tiempo

Pero y para el desarrollador? Qué ventajas aporta un desarrollo con Gatsby?

Cómo funciona Gatsby

Gatsby es un generador de sitios estáticos

Esto quiere decir que técnicamente un website hecho con Gatsby no tendrá backend

  • La primera gran consecuencia de esto es que el hosting para un sitio Gatsby será mucho más barato (en la práctica el hosting será gratuito hasta que tu proyecto empiece a tirar)

  • La segunda gran consecuencia de esto es que la velocidad de tus páginas será MUCHO más rápida que la de un sitio WordPress al uso, básicamente porque hay una diferencia significativa entre servir páginas estáticas y servir páginas que tengan que interaccionar con un backend

Más cosas

  • Gatsby es un desarrollo nuevo mientras que WordPress es un desarrollo "viejo"

No sé cómo estaremos en lenguajes de programación en el 2030, pero en el 2010 estábamos mucho peor que ahora, y WordPress tiene sus raíces (muy profundas) en los lenguajes de programación de esa época

Para un desarrollador no hay color entre trabajar con WordPress o hacerlo con React

Pero en WordPress no son tontos y ya han hecho la transición hacia React (de momento sólo a nivel de frontend)

Por lo tanto, queda claro que para un desarrollador que trabaja para sí mismo o que es responsable (él o un equipo) de un desarrollo para una empresa, Gatsby representa una opción infinitamente mejor (todo es discutible)

Pero ante este panorama, qué hace WordPress?

Hacia dónde se dirige WordPress?

WordPress es un elefante que combina

  • Entorno gráfico para el desarrollo del frontend
  • Entorno gráfico para la gestión del contenido
  • Entorno gráfico para la publicación del contenido
  • Entorno gráfico para la gestión de la página web y sus actualizaciones

Pero el presente se modulariza y divide responsabilidades entre diferentes actores

Para Gatsby esto quiere decir lo siguiente:

  • Entorno para el desarrollo frontend: React
  • Entorno para la gestión del contenido: Gatsby (sin interfaz gráfica) o CMS externo (con interfaz gráfica)
  • Entorno para la publicación del contenido: Gatsby (sin interfaz gráfica)
  • Entorno para la gestión de la página web: Gatsby (sin interfaz gráfica)
  • Entorno para la gestión de las actualizaciones: NodeJS (sin interfaz gráfica)

Pues lo que ha hecho WordPress es precisamente esto, modularizarse y separar responsabilidades

  • Entorno gráfico para el desarrollo del frontend: React
  • Entorno gráfico para la gestión del contenido: WordPress clásico (php)
  • Entorno gráfico para la publicación del contenido: WordPress clásico (php) (o en React en wordpress.com)
  • Entorno gráfico para la gestión de la página web y sus actualizaciones: WordPress clásico (php)

Pero con esto consigue algo muy remarcable: separar el frontend y el backend y que puedas hacer estas combinaciones

  • WordPress (backend) + WordPress (frontend)
  • WordPress (backend) + Gatsby (frontend) (u otros)

Con esto WordPress consigue reengancharse a los desarrolladores que ahora ven que

  • Pueden trabajar con herramientas modernas con WordPress
  • Y que también pueden simplemente consumir WordPress como gestor de contenidos

Esto último es algo definitivamente útil para los clientes a largo plazo con los que tengas el mantenimiento, o dentro de una organización para facilitar el trabajo de los copywriters

Los términos de backend y fronend son un poco confusos

Yo los definiría así

  • frontend: la parte encargada de mostrarte el contenido
  • backend online: la parte de gestionar el contenido cuando estás viendo una página
  • backend offline: la parte de gestionar la publicación del contenido, y la parte de gestionar la configuración propia de la web
  • content management system: un backend encargado de gestionar el contenido

Ejemplos

  • frontend: cómo muestras el contenido en la página (estética, funcionalidades)
  • backend online: por ejemplo cuando restringes contenido
  • backend offline: cuando cambias características de tu theme
  • backend offline: cuando cambias características del SEO de tu página
  • backend offline: cuando programas una publicación o decides el título de las entradas
  • cms: cuando organizas y escribes tu contenido

Las diferencias prácticas de desarrollar un website con WordPress o con Gatsby

Para terminar, te resumo algunas de las diferencias más básicas entre un desarrollo Gatsby y uno WordPress

Desde el punto de vista de un desarrollador

  1. Un desarrollo WordPress podrás traspasarlo sin problemas a un cliente, un desarrollo Gatsby será más complicado
  2. Con WordPress podrás tener contenido restringido al 100%, con Gatsby podrás simularlo muy bien pero no será lo mismo
  3. Con Gatsby conseguirás velocidades muy significativas, y esto cuenta mucho para el posicionamiento SEO
  4. Con WordPress podrás utilizar multitud de plugins que te solucionan multitud de problemas, con Gatsby muchos de estos problemas no los tendrás o los podrás solucionar de forma natural mientras desarrollas tu producto
  5. Con WordPress podrás limitarte a implementar un site, tu tiempo de desarrollo se acortará y podrás dedicarte más a otros campos como el diseño o la estrategia de marketing, con Gatsby cualquier implementación se parecerá mucho a un desarrollo
  6. La gestión de un sitio WordPress es como su desarrollo, pesada y muy poco ágil pero a cambio es amigable con el usuario. Con Gatsby la gestión de websites es mucho más ágil y agradable (para el desarrollador)

Desde el punto de vista de un cliente

  1. Un desarrollo Gatsby será más limpio, más rápido (en velocidad de la web, no en desarrollo), y más a medida
  2. Un desarrollo Gatsby también puede ser muy sencillo (una simple landing) con un tiempo de ejecución muy rápido
  3. Un desarrollo Gatsby no podrás gestionarlo sin tocar código
  4. La actualización de tu site con Gatsby (en términos de librerías) necesitará de un desarrollador
  5. La gestión del contenido y su publicación se puede aprender, pero habrá mucha más fricción que con WordPress
  6. Un desarrollo WordPress tendrá más números de tener una estética "parecida" a muchos otros sites
  7. Podrás traspasar un desarrollo WordPress a muchísimas más opciones de hosting
  8. Podrás contratar muchísimos desarrolladores WordPress, aunque la gran mayoría de veces lo que de verdad necesitarás serán implementadores

Dicho esto, si quieres aprender Gatsby, aquí tienes el curso de Gatsby básico 1, y si quieres aprender a hacer bloques de Gutenberg para WordPress, aquí tienes el curso de WordPress, Gutenberg y React

Qué tal la entrada?
👌 Bien 🙌🙌
👍 Bien, pero algunas cosas podrían explicarse mejor 😬
🤷‍♂️ Da por sentadas demasiadas cosas 😒
🤷‍♂️ A ver, hay poca chicha 😬
🤷‍♂️ Los ejemplos no son muy claros 🙇‍♂️
🤷‍♂️ No se entiende, está mal escrito 👎
✍️ Hay errores, revísalo en cuanto puedas 🙏

Quizá te interese

Privacidad
by kuworking.com
[ 2020 >> kuworking ]