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

Jamstack

By Marcel Reig

Jamstack

  • 32