Qué es Astro?

Qué es Astro?


Astro es una tecnologia para crear sitios web estáticos con grandes características que lo hacen sobresalir por su gran rendimiento y render del lado del servidor. Destaca en:

  • Islas de componentes: Una nueva arquitectura web para crear sitios web más rápidos.
  • Diseño de API que prioriza el servidor: Elimina la costosa hidratación de los dispositivos de tus usuarios.
  • Cero JS, de forma predeterminada: Sin sobrecarga del entorno de ejecución de JavaScript que lo ralentice.
  • Listo para Edge: Despliegue en cualquier lugar, incluso en un entorno de ejecución global Edge como Deno o Cloudflare.
  • Personalizable: Tailwind, MDX y más de 100 integraciones entre las que elegir. UI-Agnóstico: Compatible con React, Preact, Svelte, Vue, Solid, Lit y más.

Un claro ejemplo lo vemos en la presente imagen: El código del lado izquierdo muestra un llamado a un API endpoint GET la cual se muestra como un listado, y en el lado derecho vemos la construcción del sitio para producción que renderiza como HTML, enfocado unicamente en el contenido del sitio.

Codigo en desarrollo Codigo compilado

A diferencia de una SPA, la cual renderiza muchos archivos javascript del lado del cliente y puede tener cargas de trabajo pesadas. Astro se enfoca unicamente en el contenido usando herramienta o tecnologias para simplicidad del desarrollador.

Sin embargo, esta tecnología puede ser de gran uso para sitios web estáticos, no destaca para el desarrollo de aplicaciones web de gran demanda debido a que el uso y lógica de negocio cambia.