Newsletter para devsEntra
Masterclass

Primeros pasos con Eleventy

Crea webs modernas con Jamstack.

Desde 15€/mes

Duración total: 01:41:18

Código descargable

Acceso 100% online

Crea webs modernas con Jamstack.

Explora los capítulos

1. Presentación y comunidad [03:03]

Presentación y comunidad

[03:03]

2. ¿Qué es eleventy? [21:47]

¿Qué es eleventy?

[03:50]

Instalación de eleventy

[02:15]

Primera página generada desde markdown 🔥

[03:02]

Fichero de configuracion eleventy.js

[04:06]

Crear el index.html de la web

[01:29]

Plantilla global del sitio web

[03:15]

Configuraciones dentro de cada fichero con Front Matter

[03:50]

3. Creando un blog [19:35]

Creando un blog

[03:43]

Plantilla para cada post del blog

[02:14]

Colecciones de posts 🔥

[03:20]

Rutas personalizadas para cada blog

[02:49]

Índice de posts

[07:29]

4. Creando un menú de navegación [07:25]

Creando un menú de navegación

[01:15]

Configuración general del sitio en site.json

[02:10]

Incluir un fichero de plantilla dentro de otro

[04:00]

5. Creando un filter para formatear las fechas usando la librería luxon [09:05]

Creando un filter para formatear las fechas usando la librería luxon

[09:05]

6. Creando un shortcode para mostrar un vídeo de YouTube por configuración [08:40]

Creando un shortcode para mostrar un vídeo de YouTube por configuración

[08:40]

7. Añadiendo estilos CSS [15:59]

Añadiendo estilos CSS

[03:14]

Copiar ficheros desde origen a destino con 11ty 🔥

[00:51]

Recarga automática al cambiar ficheros CSS 🔥

[03:40]

Añadiendo un componente dinámico llamando a una API externa

[06:26]

Explicando cuando el componente es dinámico 🔥

[01:48]

8. Desplegar la web en internet con netlify [15:44]

Desplegar la web en internet con netlify

[02:56]

Panel de control de netlify

[02:50]

Así está hecha la web de laselectanewsletter.com 🔥

[02:40]

Crear un feed RSS con eleventy

[07:18]

Suscríbete

Desde 15€/mes