Estamos encantados de anunciar a Vercel como el nuevo socio oficial de hosting de Astro.
Astro es un framework web de JavaScript para construir sitios web enfocados en contenido. La arquitectura de frontend de próxima generación de Astro reduce automáticamente el JavaScript no utilizado en la página mientras maximiza las Core Web Vitals y otras métricas de rendimiento.
Miles de desarrolladores de Astro ya están aprovechando la plataforma de nube de frontend de Vercel y su generoso plan gratuito para hosting. Esta nueva asociación garantizará más colaboración, más funciones, y una experiencia aún mejor para los desarrolladores de Astro en Vercel.
Vercel también patrocinará $5,000 cada mes hacia el mantenimiento y desarrollo continuo de código abierto de Astro. Los nuevos fondos de patrocinio serán invertidos directamente en nuestra comunidad de código abierto y mantenimiento, beneficiando a todos.
Esto es lo que Lee Robinson de Vercel tuvo que decir sobre la noticia:
Vercel cree en apoyar el código abierto y todos los frameworks web. Hemos disfrutado apoyar a Astro durante los últimos dos años y estamos emocionados de llevar nuestra asociación aún más lejos después de ver el crecimiento continuo de Astro en Vercel.
— Lee Robinson, VP de Experiencia de Desarrollo
Lee y Fred K. Schott (cocreador de Astro y responsable del proyecto) tuvieron la oportunidad de sentarse a conversar sobre el futuro de Astro, Vercel, y lo que esta nueva asociación significa para la web.
Desbloqueando Astro en Vercel
Vercel siempre ha sido una excelente opción para los desarrolladores de Astro. El año pasado, Vercel lanzó la detección automática de frameworks con configuración cero para nuevos proyectos de Astro. Este simple cambio ahorró a los usuarios de Astro incontables horas y mejoró el rendimiento por defecto con una configuración de sitio optimizada para todos.
Estamos emocionados de anunciar un nuevo conjunto de funciones para los usuarios de Astro que despliegan en Vercel, disponibles hoy. Estas funciones fueron posibles gracias a nuestra colaboración continua y el patrocinio de Vercel.
Edge Middleware
El middleware de Astro ahora se ejecuta en el edge con el Edge Middleware de Vercel. El middleware de edge se ejecuta lo más cerca posible de tus usuarios, lo que significa tiempos de respuesta más rápidos para tus usuarios. El middleware de edge también te permite personalizar cada solicitud y respuesta que pasa por tu servidor, potencialmente reduciendo el tráfico enviado a tus servidores de origen.
Los usuarios de Astro ahora pueden:
- Soportar esquemas de URL multi-región, redirigiendo a los usuarios a su URL localizada.
- Verificar el token de usuario y bloquear el tráfico no autenticado al servidor.
- Cargar datos desde una base de datos global distribuida en el edge.
- Definir estrategias de caché en código, en lugar de configuración.
- Minificar el HTML de respuesta mientras se transmite de vuelta desde el servidor.
El middleware de edge puede habilitarse añadiendo {edgeMiddleware: true} al adaptador de Vercel en tu archivo de configuración de Astro. En una versión futura, esta opción podría convertirse en el comportamiento por defecto. Consulta la documentación de Vercel para aprender más sobre cómo funciona Edge Middleware en Vercel.
División de Código Serverless
Las aplicaciones de servidor de Astro ahora se ejecutan más rápido en Vercel gracias a la división de código serverless en cada ruta.
Anteriormente, Astro construía toda tu aplicación de servidor en un único archivo JavaScript. Esto simplificaba nuestros despliegues, pero a expensas de un rendimiento serverless deficiente. Al agrupar toda tu aplicación en un único archivo JavaScript, el tiempo de respuesta (específicamente, el tiempo de arranque en frío) se vería sobrecargado por el código no utilizado a medida que tu base de código crecía.
Dividir tu aplicación en funciones más pequeñas mejora el tiempo de respuesta eliminando el código no utilizado que no se necesita para cada ruta. Desplegar rutas individuales también permite a los hosts como Vercel distribuir mejor tu carga de trabajo a través de múltiples funciones más pequeñas.
Puedes habilitar esta función hoy especificando { functionPerRoute: true } en tu archivo de configuración de Astro. En unos días, esta opción se convertirá en la predeterminada junto con el próximo lanzamiento de Astro 3.0.
Optimización de Imágenes en Vercel
Los sitios de Astro ahora pueden conectarse al servicio de optimización de imágenes integrado de Vercel para impulsar la optimización de imágenes bajo demanda en Astro 3.0 (también disponible en Astro 2.x detrás de un flag experimental).
La optimización de imágenes está disponible en todas las plataformas a través del componente integrado <Image /> de Astro y las APIs de imágenes de bajo nivel. Los desarrolladores de Astro pueden usar imágenes en su sitio web sin el miedo a olvidar accidentalmente optimizar una imagen. El Cumulative Layout Shift también se previene automáticamente con la anotación inteligente de los atributos height y width en la etiqueta img.
Los sitios estáticos ya optimizarán tus imágenes por adelantado, como parte de tu build. Pero las aplicaciones de servidor de Astro normalmente necesitan también enviar la biblioteca de optimización de imágenes integrada de Astro, Sharp, a producción para la optimización de imágenes bajo demanda. Al aprovechar el servicio de optimización de imágenes integrado de Vercel en su lugar, los desarrolladores pueden simplificar la complejidad del despliegue, mejorar el rendimiento de las imágenes, y reducir los costos de cómputo.
Puedes habilitar esta función hoy especificando { imageService: true } en tu archivo de configuración de Astro. En una versión futura, esta opción podría convertirse en el comportamiento por defecto.
Mejorando Astro para Todos
Hemos construido las tres funciones en colaboración con Vercel aprovechando su Build Output API. Nuestro objetivo es llevarlas a más plataformas de hosting en el futuro. Todo lo mencionado en este post ha sido diseñado de manera agnóstica a la plataforma para que cualquiera pueda tomar estas mismas funciones y habilitarlas en su propia plataforma de hosting.
Si estás interesado en habilitar estas funciones para tu plataforma de hosting, puedes contactarnos en Discord.
Astro ❤️ Vercel
Astro se siente honrado de tener a Vercel uniéndose como nuestro nuevo socio oficial de hosting. Estamos agradecidos con Lee Robinson y todo el equipo de Vercel por su apoyo y evangelización de Astro. Es gracias al apoyo de empresas como Vercel que podemos recibir mantenimiento continuo y seguir desarrollando Astro como un proyecto de código abierto, abierto y financieramente sostenible.
Puedes aprender más sobre cómo usamos nuestros fondos de patrocinio en nuestro documento FUNDING.md en GitHub. Si tú o tu empresa usan Astro en producción, considera apoyar el desarrollo de Astro patrocinándonos en Open Collective o GitHub Sponsors.