Astro
framework
¿Qué es Astro?
Astro es un framework moderno para crear sitios web estáticos y dinámicos.
✨ Permite renderizar solo el HTML necesario, reduciendo el JavaScript en el navegador y mejorando la velocidad.
🚀 Soporta componentes de múltiples frameworks como React, Vue y Svelte, facilitando la integración con tecnologías existentes.
Características principales
-
⚡ Islas de componentes → solo el JS necesario se envía al navegador.
-
🌐 Renderizado estático por defecto → páginas rápidas y SEO-friendly.
-
🔄 Compatibilidad multi-framework → React, Vue, Svelte, Solid, etc.
-
📦 Integraciones modernas → Tailwind, Markdown, CMS, APIs externas.
-
🛠 Build optimizado → imágenes, scripts y CSS minificados automáticamente.
Ejemplo básico 📂
---
// Componente Astro
const title = "¡Hola, Astro!";
---
<html lang="es">
<head>
<title>{title}</title>
</head>
<body>
<h1>{title}</h1>
<p>Este es un sitio construido con Astro 🚀</p>
</body>
</html>
Ventajas de Astro
-
✅ Sitios extremadamente rápidos y ligeros
-
✅ Compatible con cualquier framework de componentes
Proyectos con Astro
IES Calvià Voley Tournament
En Producción
Plataforma desarrollada para organizar un torneo escolar de voleibol. Permite inscripciones, seguimiento de partidos en directo, actas digitales, estadísticas automáticas y paneles de administración para árbitros y organizadores.