Astro

Definition

Astro es un framework moderno para construir sitios web rápidos que envía menos código JavaScript al navegador. Combina lo mejor de diferentes tecnologías para crear páginas web eficientes y fáciles de mantener.

Select a word to explore its meaning

Astro funciona de una manera muy diferente a otros frameworks. En lugar de enviar todo el código JavaScript necesario para que la página sea interactiva, Astro genera páginas HTML estáticas que se cargan super rápido. Solo envía JavaScript cuando realmente lo necesitas para interactividad específica. Es como la diferencia entre recibir un libro completo (HTML) versus recibir libros por encargo cuando los pides (JavaScript bajo demanda). Astro te permite escribir componentes en tu lenguaje favorito (React, Vue, Svelte, etc.) pero los convierte en HTML simple durante la construcción, lo que resulta en sitios increíblemente veloces. Además, Astro entiende que diferente contenido necesita diferentes tecnologías, así que puedes mezclar frameworks sin problemas.

Select a word to explore its meaning

Examples

1
Un blog personal: Astro genera páginas HTML puras para cada artículo, cargando casi instantáneamente, perfecto para contenido principalmente estático
Select a word to explore its meaning
2
Un portafolio de fotografía: Las imágenes se optimizan automáticamente, y solo cargas JavaScript cuando necesitas un carrusel interactivo en una sección específica
Select a word to explore its meaning
3
Un sitio de documentación: Como la documentación de Astro misma, que es súper rápida porque no depende de JavaScript para mostrar el contenido principal
Select a word to explore its meaning

A bit of history

Astro fue creado en 2021 por Fred Schott y ganó popularidad rápidamente porque resolvía un problema real: muchos sitios web modernos eran demasiado lentos porque enviaban demasiado JavaScript. Astro llegó en el momento perfecto, cuando los desarrolladores estaban cansados de sacrificar velocidad por interactividad. Desde entonces, ha crecido como un proyecto de código abierto con una comunidad activa y ha inspirado la filosofía de 'menos JavaScript' en todo el ecosistema web.

Select a word to explore its meaning

Related concepts

Static Site Generation (SSG)Component-Based ArchitectureJavaScript FrameworkServer-Side Rendering (SSR)Web Performance Optimization

Like what you see?

Create your free account to explore concepts, highlight words, and build your own knowledge graph.

Create free account