Estás leyendo la publicación: ¿Podría Astro competir con Next.js para convertirse en el próximo gran marco?
Los desarrolladores han caído en un bucle problema-solución. Hay un esfuerzo continuo por solucionar uno u otro problema en la comunidad de desarrolladores. Irónicamente, hay tantas soluciones ahora que se necesita otra solución para las existentes.
El mismo problema ha surgido en el desarrollo de sitios web. A los usuarios finales les encantan los sitios web de carga rápida. Pero a los desarrolladores les encanta construirlos con marcos grandes y pesados. La clave para un mejor rendimiento es usar menos JavaScript.
Astro permite a los usuarios crear un sitio con su marco favorito o marcos múltiples al mismo tiempo y los representa en tiempo de construcción html estático. Adopta un enfoque diferente de los patrones de representación existentes utilizados por muchos otros marcos, como Gatsby, Next.js, Remix.run y otros.
Las páginas web de Astro son completamente estáticas, sin ningún tipo de codificación JavaScript.. Cuando un componente (por ejemplo, carruseles de imágenes, modo oscuro y claro) requiere código JavaScript para ejecutarse, Astro simplemente carga ese componente y las dependencias necesarias. Otros componentes del sitio siguen siendo HTML ligero y estático. La guía de introducción de Astro es un excelente mandato para familiarizarse con Astro.
Mientras que otros marcos como Angular, Svelte y Vue se centran en el desarrollo de sitios dinámicos, Astro ha podido encontrar el punto óptimo entre sitios estáticos y dinámicos.
Solución a problemas clave en sitios web
La gestión de la hidratación es uno de los principales problemas en los sitios web.
Las páginas web estáticas se hidratan antes de que un usuario pueda interactuar con ellas, lo que reduce el rendimiento. Cuanto más tarde el proceso de hidratación, más tiempo tendrán que esperar los usuarios para interactuar con un sitio web o una aplicación en línea.
Astro soluciona este problema cargando ciertos componentes de la página según sea necesario y dejando el resto de la página como HTML estático. Esto se conoce como hidratación parcial. Los sitios web creados por Astro son estáticos por defecto. Es decir, no se serviría ningún JS; en cambio, todo el JS se eliminaría durante el proceso.
Dado que los usuarios no tienen que esperar a que se cargue la página completa antes de interactuar con la página web, el proceso de hidratación parcial es fundamental para que la arquitectura de la isla se cargue más rápido que la arquitectura de la aplicación de una sola página. El diseño de la isla permite que los componentes se carguen independientemente unos de otros y se rendericen de forma aislada.
Con la división de código, se requiere una cantidad mínima de JavaScript para una ruta mientras se cargan los componentes restantes de forma diferida. Astro admite la división de código de forma predeterminada; lo hacen en función de las rutas de la página. Además, incluye enrutamiento que puede usarse para crear nuevas páginas.
Después del lanzamiento de la versión Beta, Astro anunció instantáneamente soporte experimental para el renderizado del lado del servidor (SSR). Esto es crucial ya que las aplicaciones del lado del servidor se procesan más rápido y son naturalmente compatibles con SEO..
Opiniones divididas
Varios desarrolladores creen que Astro podría alterar por completo la forma en que se construyen los sitios web, particularmente aquellos que no usan mucho javascript del lado del cliente. El rendimiento sería excelente de forma predeterminada en dicha configuración y, debido al sistema de plantillas y las capacidades similares a MDX, mantener una base de código sería lo suficientemente simple para todos, incluso para los usuarios que no están familiarizados con las bibliotecas del lado del cliente.
Sin embargo, muchos otros creen que Astro podría no ser un reemplazo para todos los marcos. Es más probable que coexista con otros marcos. Astro ha lanzado su versión 1.0 que aún se encuentra en fase Beta. Por lo tanto, es difícil situar esta plataforma en el universo marco más amplio a partir de ahora.
Next.js es el mayor competidor de Astro. Este último aún es nuevo en el mercado y se cree que es incipiente en comparación con el formidable Next.js.
