Jamstack

JavaScript/Apis/Markup

J

A

M

APIs

JavaScript 

Markup

Ventajas

• Velocidad
• Seguridad
• Workflow
• Coste
• Escalabilidad
• Portabilidad

Generadores de sitios web estáticos

Gestor de paquetes node

Como funciona npm/yarn

• npm init archivo package.json
• Comandos básicos
• npm install
• Carpeta nodemodules

Generadores de tareas JS

(agrupador de modulos​)

Como funciona Gulp

• instalar Gulp
• archivo gulpfile.js
• plugins esenciales
• imagemin
• browsersync
• sass
• babel
• panini
• separación archivos de desarrollo y archivos de producción

Como funciona webpack

• instalar webpack
• archivo webpackconfig.js
• plugins esenciales
• gestión de javascript con webpack

Text

Sistemas de plantillas

Como funcionan los sistema de plantillas

• layouts
• partials
• condicionales
• includes

Despliegue continuo desde Git

Colaborar en un proyecto Jam Stack

• Git clone
• yarn install
• yarn start
• hacer cambios
• git add .
• git commit 
• git push

Alojamiento gratis o muy barato

Vistazo rápido a Netlify

 pequeña demostración

• Formularios
• Nombres de dominio
• cuentas de mail

CMS

• enlace lista static generators
• enlace lista static cms

Serverless

• lamda functions
• amazon
• microsoft
• Netlify
• pagas solo cuando utilizas recursos
• Escalabilidad

Como utilizamos Jamstack en mybooking