CocoStack

El primer newsletter sobre Jamstack, HeadlessCMS y Static Site Generators en castellano.

Jamstack se escribe con 'coco' #1

Empezamos bien.

No es JAMstack. Es Jamstack.

Solo por esto ya ha merecido la pena apuntarse a CocoStack.

A finales de 2019 cambiaron la nomenclatura. Imagino que querían hacerla más fácil de escribir.

¿Qué va en mayúsculas? ¿La 's' también? ¿Por qué me recuerda al JAMón?

Realmente en ese punto el concepto de las tres mayúsculas estaba sobrepasado.

JavaScript, API y Markup. Eso es lo que significaban las siglas.

Han pasado muchas cosas desde que se creó el concepto en 2017:

  • Ahora hay muchos más lenguajes que JS en el juego (desde Python hasta Rust)

  • El concepto de API a veces se desdibuja si tu fuente de datos es algo como una hoja de cálculo de Google o un canal de Telegram.

  • Markup... ¿Pero no era Markdown?

Una de las misiones de CocoStack es poner orden.

Poner "coco" (cabeza, mente, cerebro, chola...) y no sólo pasión en esta filosofía llamada Jamstack.

Porque resulta que el Jamstack no va de tecnologías específicas. Es una nueva forma de construir webs aprovechando que la tecnología ha seguido evolucionando.

Más rápidas, más seguras, menor coste, mejor experiencia de desarrollo.

La más influyente de todas es la desaparición del "servidor web" como tal. Ese "hosting" en forma de un sujeto físico y rígido que, aún siendo viable, no es un punto de anclaje como en la web tradicional.

Las cosas del Jamstack flotan en la nube.

Lo veremos en próximos números.

Y le perderemos el miedo.

¿Es oro todo lo que reluce?

No conozco herramienta que no tenga pegas.

Pero hoy no le voy a poner ninguna.

Por dónde empieza CocoStack

Las declaraciones de intenciones son peligrosas. Porque luego hay que cumplirlas. Pero sé que las estás esperando.

En CocoStack quiero, en el corto plazo, que compartamos todo esto:

  • Explicar con calma conceptos y herramientas relacionados con el Jamstack, los Headless CMS y los generadores de sitios estáticos.
  • Acercarte contenidos de interés donde explican como sacarle partido. Los casos de estudio serán siempre un espejo donde mirarnos.
  • Completar con recursos para que sigas tirando del hilo.

Ambicioso para ser el número 1. Irás viendo los avances poco a poco.

¿Quieres saber algo sobre el Jamstack y nunca te atreviste a preguntarlo?

Es tu momento, respondiendo a este correo, me tienes al otro lado.

Imperdibles

Nuestra sección de "contenidos curados".

El proceso de migración de Smashing Magazine

Si llevas tiempo interesado en el mundo del Jamstack habrás caído en muchos artículos relacionados con este tema.

El que te recomiendo es de principios de 2020, cuando Sarah Drasner contaba con detalle los retos a los que se enfrentaban al migrar un gran sitio desde WordPress hasta el Jamstack con Hugo.

Bueno, verás que no solo eso. Tenían un portal con Ruby on Rails, una tienda en Shopify y más sistemas de gestión de contenidos.

Imagina lo que sería integrar el diseño y las comunicaciones de tantas plataformas.

Además, SM es un sitio con mucho tráfico, la página se caía en los picos de visitas.

Sarah detalla que crearon scripts concretos para la migración, no fue todo darle al botón de "exportar" en WP.

El esfuerzo mereció la pena: Pasaron de cargar el HTML en 800ms a 80ms.

Esta migración abrió la veda. Fue en 2017.

(¡Vaya! Que coincidencia, las fechas coinciden.)

➡️ How Smashing Magazine Manages Content: Migration From WordPress To JAMstack

5 mitos sobre el Jamstack

Brian Rinaldi es un sabio de este tema.

En este artículo aprovecha para demoler cinco leyendas asociadas al Jamstack con referencias a otros muchos artículos.

  1. Son para páginas estáticas simples o portfolios de developers.
  2. Los sitios son frágiles porque dependen de APIs de terceros.
  3. Editar el contenido es muy difícil.
  4. Si te interesa hacer buen SEO, olvídate.
  5. Necesitas JavaScript a paladas.

Ademas de gurú, Brian es un entusiasta. Está loco por el Jamstack y se nota. Por una vez, déjate llevar.

➡️ 5 Myths About Jamstack

Píldoras Jamstack

jamstackfns

Ejemplos prácticos de Functions as a Service para Netlify y Vercel. El secreto de como enviar un suscriptor a Mailchimp, cobrar mediante Stripe o comunicarse con Google Sheets, por fin, revelado.

Nueva versión de Next.js

Aparece la 9.5 con una feature destacada por encima de todas las demás: Stable Incremental Static Regeneration. Reconstruye las páginas después de haber desplegado, en milisegundos.

The JAMStack and the startups building it

No es por el texto, es por uno de los gráficos del final donde de forma más concisa se explica el concepto de Jamstack.

Jamstack Themes

Es un recurso habitual, pero no deja de crecer. Visualmente podrás ver nuestro themeforest de plantillas para el frontend del Jamstack. Eso si, todo open source.

Strapi Starter Gatsby Blog v2

Strapi es un Headless CMS que tiene cada vez más fuerza. Gatsby el más visible de los SSG. Si quieres saber como unirlos y descubrir las últimas características de Strapi, este es tu tutorial.

Jamstack para novatos

Por si alguien está totalmente perdido, no sabe de que va nada de esto y quiere escucharlo en español, os dejo mi episodio 107 de Web Reactiva para que sea vuestra luz al final del túnel.

Aquí acabamos el primero. Espero que te guste :)

¡Nos leemos en el próximo número!

Dani

PD: Pronto contaré porque esto se llama CocoStack y el calambrazo que sentí al ver que era el nombre perfecto.

#CocoStack1 #CocoStack