00:00 / 00:00
Aprende Astro desde cero
1.Conceptos
2.El proyecto de ejemplo
3.Creando el proyecto
4.Definiendo el layout
5.Setup Content Island
6.Listado de cursos (versión básica)
7.Listado de cursos (versión con diseño)
8.Detalle de un curso (versión en bruto)
9.Detalle curso (diseño)
10.Mostrando Markdown
11.Client Router
12.Integrando React
13.Server Actions
14.Server Islands
Fecha publicación: 24 jun 2025
02. El ejemplo
Nada mejor para aprender Astro que ponernos manos a la obra con un ejemplo.
Vamos a crear un mini campus online. Aquí tienes los mocks de baja fidelidad que muestran lo que queremos construir.
Por un lado, mostraremos una lista de cursos disponibles.
Por el otro, el detalle de cada curso: su listado de lecciones, el video de la lección actual y el contenido en formato Markdown.
¿Qué objetivos nos planteamos?
Queremos que este campus sea público, que cargue como un rayo y que esté bien optimizado para SEO.
En el siguiente video crearemos el proyecto Astro desde cero y realizaremos una configuración básica.