Masterclass

Generación de sitios estáticos con Eleventy, Tailwind CSS y Netlify con Javier Archeni

Aterrizamos en el Jamstack con un proyecto que incluye toda la arquitectura.

Javier Archeni

Duración total: 02:09:04

Código descargable

Acceso 100% online

Descripción de la masterclass

En este directo vamos a trabajar con un “stack killer” para crear sitios web.

La combinación de la simplicidad y potencia de Eleventy como generador de sitios estáticos, se une a la productividad en maquetación de Tailwind CSS.

Estas dos herramientas permiten producir sitios estáticos con mucha flexibilidad y además enfocados al rendimiento.

En este taller se presentará Eleventy, crearemos nuestro sitio web en local a través de un starter y posteriormente lo desplegaremos al servicio Netlify.

Alojar nuestra web en Netlify nos ofrece muchas ventajas, como el despliegue sobre un CDN, la capacidad de gestionar múltiples dominios, certificados Let’s Encrypt y también la opción de usar formulario y funciones serverless, sobre una capa completamente gratuita de servicio.

Sin duda se trata de unas herramientas ideales para la producción de sitios web modernos y enfocados a la productividad.

Aquí el starter que Javier preparó para el directo.

Javier Archeni es desarrollador web y consultor digital.

Entre otros muchos proyectos también puedes encontrarlo como promotor del podcast República Web.

Suscríbete o identíficate para ver el vídeo al completo.

Podrás ver a:

Imagen de Javier Archeni

Javier Archeni

Desarrollo y contenidos web. Hago un podcast llamado República Web y una newsletter No disparen al webmaster.

Explora los capítulos

1. Presentación [07:44]

Presentación

[07:44]

2. Ventajas del stack: Elenventy + TailWind CSS + Netlify? [07:50]

Ventajas del stack: Elenventy + TailWind CSS + Netlify?

[19:28]

Instalación + descripción de dependencias

[10:38]

Pregunta: De los once mensajes de Eleventy, ¿cuál recomendarías? 🔥

[21:37]

Descripción de ficheros 11ty (njk)

[09:59]

El archivo de configuración TailWind CSS 🔥

[06:08]

3. Gestión de imagenes [19:31]

Gestión de imagenes

[03:54]

Gestión de fuentes

[11:51]

Despliegue: Netlify + Github. 🔥

[03:46]

4. Preguntas [33:59]

Preguntas

[33:59]

Descubre todo lo que puedes conseguir sucribiéndote a Web Reactiva

Contenido nuevo todas las semanas

Una comunidad de developers colegas en telegram

Desafíos y retos de programación para que mejores tus habilidades

400 horas de contenido en audio y vídeo

Entrevistas y masterclass en directo con los/las mejores profesionales

Precio

19€Matrículaplus10€Al mes

  • Contenido disponible 24/7
  • Audios y videos
  • Retos y desafíos
  • Todo el código descargable
  • Comunidad de developers
  • Acceso premium completo