fbpx E64: Generadores de sitios web estáticos, JAMstack y arquitectura CMS Headless | SG Buzz

E64: Generadores de sitios web estáticos, JAMstack y arquitectura CMS Headless

Conferencista(s)

En este episodio hablamos de los generadores de sitios web estáticos que ya son una solución realista en el mercado para crear sitios rápidos y escalables. Además explicamos cuáles son sus principales beneficios (páginas generadas corren muy rápido) y sus inconvenientes (las funciones dinámicas como comentarios o formularios son más complejas de implementar) o por qué separar el origen de datos del resultado final en sitios pequeños donde no se genere mucho contenido puede ser un buen aliado. En el segundo bloque compartimos de las bases de un modelo de desarrollo con JAMStack orientadas hacia el cliente y no hacia el servidor y ahondamos en la diferencia competitiva de los Headless CMS frente al CMS tradicional.

Enlaces recomendados:

- VuePress es un generador de sitios web estáticos con Vue.js: https://vuepress.vuejs.org/

- Una lista de los generadores de sitios web estáticos más conocidos del mercado con opción para filtrar por estrellas en el repositorio (popularidad) o seguidores en twitter: https://www.staticgen.com/

- Stackbit te permite elegir la plantilla, el generador de sitios web estáticos, el CMS y donde lo quieres desplegar: https://www.stackbit.com

- Webflow: https://webflow.com

- Netlify: https://www.netlify.com

- Una lista de CMSs para sitios con un stack que se basa en JavaScript, API y Markup: https://headlesscms.org/

- Generador de sitios web estáticos con Vue a partir de cualquier Headless CMS o CMS como WordPress o Drupal: https://gridsome.org

- Cómo funciona un generador de sitios web estáticos: https://css-tricks.com/really-makes-static-site-generator/

- Jekyll es un generador de sitios web estáticos, usa markdown, ruby y liquid para generar sitios html: https://jekyllrb.com

- Una solución interesante de Headless CMS sin la necesidad de montar una infraestructura completa (no es que sea barato): https://www.contentful.com

- Pelican es un generador de sitios estáticos que permite crear web de forma fácil, estas pueden almacenarse en GitHub Pages. Si quieres automatizar el proceso de actualizaciones puede utilizarse un servidor de integración continúa como Travis-CI: https://blog.getpelican.com/

- ReadMe - documentación interactiva: https://readme.com

- Una referencia de contenido en el mundo de frontend: https://www.smashingmagazine.com/

- Open source Node.js Headless CMS to easily build customisable APIs: https://strapi.io

- Hay un episodio de fenómeno mutante donde Óscar y Daniel radian cómo migran una web desde WordPress a Hugo: https://www.fenomenomutante.com/53-hugo-a-cascoporro/https://www.fenomenomutante.com/53-hugo-a-cascoporro/

La mejor forma para comunicarte con nosotros es vía Twitter:

Danny Prol: https://twitter.com/DannyProl
Claudio Cossio: https://twitter.com/ccossio