Introducción

¿Qué vas a aprender en este bootcamp de Astro? ¶

Trabajar con uno de los frameworks de creación de páginas con mayores expectativas del sector
Crear páginas, layouts y componentes e integrarlos entre ellos
Hacer llamadas a una API externa para cargar datos a través de un fetch
Desplegar el fruto de tu aprendizaje en la nube

1️⃣ Cada paso está pensado para que puedas hacerlo a tu ritmo, con todo el código necesario.

2️⃣ En la parte superior encontrarás como llegar al índice o avanzar por los pasos: ⤎ Anterior / Inicio ⤒ / Siguiente ⤏

3️⃣ Si estás en el navegador de desktop verás a la izquierda los títulos de cada paso y a la izquierda un menú para navegar por todos los pasos.

4️⃣ Al final de cada paso encontrarás un ⚡️ donde habrá preguntas para refozar tu aprendizaje.

Hay varios emojis a lo largo de este bootcamp que significan algo:

👀 / ⚡️ Ojo, esto es imporante
🔍 Definición de algún concepto
💦 Te propongo que hagas algo por tu cuenta
💣 Algo peligroso puede pasar
😱 Da miedo, pero tendrá solución
🌏 Recursos en internet o sabiduría popular
⭐️ / 🎧 Recomendaciones de contenido podcasts o contenido premium de Web Reactiva
🤖 La IA al rescate
💪 ¡Otro avance conseguido!

👀 El diseño no es espectacular, pero el cómo está construida, sí ;)

Astro es un framework moderno para crear webs.

En dos palabras: ¡Astro mola!

Primero te cuento algunas de sus principales características:

Astro utiliza un enfoque de desarrollo basado en componentes web estándar para permitir la creación de sitios web de una manera fácil y rápida.

Astro genera sitios web estáticos, lo que significa que los sitios se cargan rápidamente y son fáciles de escalar.

Astro se relaciona otros frameowrks como React, Vue o Svelte, lo que lo hace más versátil y adaptable.

Utiliza la Islands Architecture para integrar componentes de JavaScript creados con otras librerías en un mismo proyecto.

Astro Framework está diseñado para ser rápido y eficiente, lo que lo hace ideal para sitios web de alto rendimiento.

Intenta que el navegador cargue la menor cantidad de JavaScript para que el usuario tenga una mejor experiencia.

💪 ¡Vamos a por ello!

⚡️ Pon a prueba lo que has aprendido

1. ¿Qué es Astro?

2. ¿Cómo genera Astro los sitios web?

3. ¿Qué enfoque de rendimiento tiene Astro?