WR 107: JAMstack para novatos

Javascript, API y Markdown. Con esa combinación, ¿qué puede salir mal?

Para empezar, dos palabras mágicas: Curso Gratis.

Episodio Especial 111 ¶

El episodio 111 está al caer y quiero contar con vosotros.

Me gustaría saber ¿Por qué te gusta programar?

Más sencillo, imposible.

Puedes enviarme un audio por telegram o gracias a este formulario directo.

¿Qué es JAMstack? ¶

Es un stack o pila de tecnologías que se basa en JavaScript, API y Markup.

• JavaScript para dotar de poderes reactivos a cualquier web.

• API para conectar los sistemas de ese nuevo desarrollo, tanto internos como externos.

• Markup o Markdown para definir un formato de contenidos sencillo.

Dicho de otra manera:

Construir sitios web como antaño (HTML, CSS y JS) pero con metodologías de desarrollo modernas.

Realmente hay más piezas que desgranamos en el episodio.

Generadores de sitios estáticos ¶

Sin duda es la pieza más interesante de todas, por lo que aporta de novedad y por la intensidad de los cambios que sufren.

A través de estos sistemas se generan todos los estáticos necesarios. Un ‘render’ completo en base a los contenidos creados en ficheros markdown y los que captures a través de una API. Antes habrás elegido una plantilla, tal vez modificado la misma, y el resultado final es esa web “a la vieja usanza”.

Hemos hablado ya de los sitios estáticos en el episodio 46 y de Gatsby (uno de ellos) en el episodio 20.

Ventajas e inconvenientes ¶

Algunas están muy relacionadas con los nuevos sistemas de desarrollo.

Rapidez.

La carga de la página es más rápido, el despliegue tambien. Todo gana en velocidad excepto la primera vez que te pones con ello. Claro, aprender una nueva tecnología tiene su tiempo.

Seguro.

Se acaba lo de tener una web tan vulnerable como cuando usas populares CMS. Nada está exento de riesgo pero, al menos, ‘wp-admin’ ya no significará un problema.

Separación de responsabilidades.

El frontend se separa del backend. Incluso cada uno de ellos puede estar dividido en más partes para gestionar más servicios. Esto implica gestionar el stack de forma muy diferente, es más complejo y requiere nuevos conocimientos.

Escalable.

Cualquier nueva función implica tener el conocimiento de incorporarla. Esto tiene una parte buena: podemos gestionar todo a medida que vayamos creciendo. El inconveniente es el mismo, con un CMS cosas como los comentarios, buscador o persistencia viene ya de serie.

Centrados en lo que importa.

Cuando gestionas monolitos gran parte del trabajo consiste en “quitar” o en “modificar” comportamientos. Aquí “sólo” tenemos que añadir nuevas funciones. Es una gran responsabilidad, pero el valor que aporta tu trabajo (y la satisfacción) es mucho mayor.

Todos los enlaces aquí ¶

La lista de las cosas mencionadas, en esta recopilación:

• JAMstack oficial (recursos)
• Awesome JAMstack (los enlaces que no encuentres, están todos aquí)
• JAMstack WTF!
• StaticGen (todos los generadores en una sola lista)
• Rendering the web
• Rise of the JAMstack (vídeo donde explican, entre otras cosas, el caso de SmashingMagazine)
• Netlify Products
• Gitlab Pages
• HeadlessCMS
• Fenómeno Mutante: Migración a Hugo en directo.
• JAMStack es el futuro de la web
• StackBit

¡Nos escuchamos el próximo martes!