Qué hay de nuevo en Astro - Julio 2025

Por
Sarah Rainsberger

Algunas noticias emocionantes del ecosistema de Astro este mes, incluyendo:

¡Vamos directo al grano!

Actualizaciones desde Mission Control

Últimos lanzamientos

Los lanzamientos menores introducen nuevas características y mejoras. ¡Mira qué hay de nuevo!

  • Astro 5.11 - nuevas funciones de Content Security Policy (CSP), la capacidad de excluirse del streaming de HTML al usar el adaptador de Node.js, y más!
  • Astro 5.12 - soporte TOML para content loaders, valores de entorno raw experimentales, una experiencia de desarrollo mejorada del adaptador de Netlify, y más!
  • Starlight 0.35 - Nuevas formas de personalizar tus docs, incluyendo iconos en asides, atributos para enlaces autogenerados de la barra lateral, procesamiento de slugs de página, y más!

Adoptadores de Astro

Desde Netlify hasta Microsoft y Matrix, algunos de los nombres más grandes que conoces están usando Astro!

Mira más empresas usando Astro en nuestra showcase de sitios, y explora Astro para uso corporativo o empresarial con uno de nuestros agency partners!

Weird Wide Web

Algunos sitios del último mes que muestran lo que puedes hacer con Astro y que son peculiares, innovadores, inspiradores, ¡o simplemente divertidos!

  • Color Contrast Checker - Un poderoso verificador de contraste de color que valida el cumplimiento de accesibilidad según los estándares WCAG 2.2. Verifica el contraste de color y genera design tokens a partir de tus elecciones de color.
  • Glyph Editor - Un editor minimalista de arte ASCII, coloca caracteres como píxeles en una cuadrícula 👾
  • Rig Designer - Rig Designer es el constructor de rigs de cámara todo-en-uno y hub para creadores. Selecciona entre más de 170,000 productos para añadir a tu rig de cámara. ¡Publica y muestra tus rigs completados al mundo!
  • PostNord i Kalendern - Mantén un seguimiento de las entregas postales suecas directamente en tu calendario.
  • Title Thumb - Vista previa instantánea para títulos y miniaturas de YouTube. Ve cómo se ve en escritorio, móvil y TVs.
  • David Umoru's Guestbook - ¡Deja un mensaje y obtén un sello de viaje basado en tu país! Construido con AstroDB.

Cosmic Canvas

¿No pensabas que podías hacer eso con Astro? ¡Estos sitios impresionantes con visuales espectaculares y animaciones fluidas demuestran que sí puedes!

Comunidad

Astro no sería lo que es sin su comunidad. Desde soporte en Discord, hasta mejoras en la documentación, traducciones, y contribuciones de código, Astro lo acepta todo.

Noticias del Equipo de Astro

¡Damos la bienvenida a nuestro nuevo maintainer de Astro Adam Matthiesen! El equipo sigue creciendo, y estamos felices de tenerte a bordo!

Temas candentes de Discord

Julio fue un mes de sitios y sonidos en el Discord de Astro.

Tuvimos múltiples plantillas de galerías de fotos compartidas este mes. ¿Preparándote para mostrar fotos de las vacaciones de verano? Prueba una de estas:

Y ahora puedes registrarte para la próxima beta de la primera aplicación de podcast 100% construida con Astro por @louisescher!

¿Sabías que?

¡Ahora hay un curso virtual de 3 días de capacitación de Astro elegible para el sistema nacional de financiación de formación francés, ¡un primero en Francia! El CPF (Compte Personnel de Formation) financia capacitación para buscadores de empleo, entre otras cosas. Así que, en Francia ahora puedes aprender Astro con asistencia del gobierno francés!

Contenido

Esto es lo que llamó nuestra atención este mes:

Porque nunca te cansarás de Astro, ¡aquí hay aún más contenido de la comunidad!

Historias de Migración

Artículos de Cómo Hacerlo

Encuentra estos y todos los artículos de cómo hacerlo de los posts de blog mensuales anteriores en Astro Tips.

… ¡y más!

Watch Party

Asegúrate de seguir el canal oficial de YouTube de Astro para contenido del equipo, incluyendo transmisiones regulares como:

Astro on demand

¡Agarra tus palomitas y haz una playlist con tus favoritos! 🍿

  • Reproducir
  • Reproducir
  • Reproducir

Astro ❤'s tu tech favorito

¿Usas un CMS, base de datos o herramienta de IA para construir con Astro? ¡Mira cómo se hace!

Aprende Astro

¿Nuevo en Astro? ¡Mira los últimos videos introductorios en la web!

Meetups

¡Astro es popular en todo el mundo! Descubre qué pasó en los meetups y conferencias de este mes.

Streams de coding en vivo

¡Mira a la gente construir, experimentar y aprender!

Tips y Herramientas

Las últimas utilidades e integraciones construidas por la comunidad para ayudarte a construir con Astro. 🛠

  • Astro YouTube Loader - Una integración que te permite cargar videos de YouTube usando la YouTube Data API v3, y usar los datos en tu sitio de Astro. Incluye carga de videos de YouTube en runtime experimental para colecciones de contenido en vivo.
  • Resend Newsletter Starter - ¡Crea tu propio formulario de newsletter con Astro, Resend y React Email!
  • Astro SSR Table - Una integración para crear tablas de datos potentes renderizadas en el servidor. Incluye helpers y componentes para paginación del lado del servidor, ordenamiento y búsqueda de texto completo.
  • Continuous Translation - Una GitHub Action para traducir y mantener automáticamente tu documentación de Markdown usando IA con soporte integrado para Astro Starlight.
  • Blogue - Una herramienta CLI para crear y gestionar publicaciones de blog en Markdown con integración de Astro y automatización de flujos de trabajo de GitHub.
  • Astro Leaflet - Un componente nativo de Astro para leaflet, una librería de JavaScript para mostrar mapas interactivos adaptados a móviles.
  • Astro Headstart - Componentes y utilidades de Astro para gestionar el head de un documento HTML.
  • Astro HTML Helper - Una herramienta CLI para transformar HTML plano en sintaxis más idiomática de Astro.
  • Astro Google Tag Manager - Un plugin para integrar Google Tag Manager en tu proyecto, permitiéndote gestionar etiquetas de marketing y analítica directamente desde tu sitio web de Astro.
  • Astro Auto Alias - Genera automáticamente alias de rutas basados en la estructura de tu proyecto.
  • Astro i18next - Integración de i18next para Astro con carga dinámica de namespaces y soporte para TanStack Router.
  • Componente WorldMap para Astro - Un componente de mapa mundial interactivo para Astro con funcionalidad de búsqueda, vistas de datos configurables y contenido modal personalizable.
  • Astro Nanostores i18n - Una versión para Astro de la librería JS NanoStore i18n para hacer tu aplicación web traducible.
  • Astro LLMS text - Una integración que genera un llms.txt basado en tus páginas cuando construyes tu proyecto de Astro.
  • Zastro Web Sockets - Soporte universal de WebSocket para apps SSR de Astro con adaptadores pre-parchados.
  • Expressive Code Fullscreen - Un plugin de Expressive Code que añade un modo de visualización a pantalla completa a tus bloques de código.
  • Astro Routify - Un router de API para Astro, impulsado por un matcher basado en Trie.
  • Astrojs Mixpanel - Una integración de Mixpanel para Astro.js con configuración mínima requerida.
  • Astro m3e - Una librería moderna de componentes UI para Astro basada en el sistema de diseño Material 3 Expressive.
  • Astro React i18next - Integra i18next y react-i18next en tu sitio web de Astro para proporcionar soporte robusto de i18n para componentes de React.
  • Astro WebAudioStream - Integración de Astro para streaming de Web Audio seguro en iOS Safari con reproducción instantánea, carga progresiva y gestión de memoria.
  • Astro ETag - Una integración de Astro para generar archivos sidecar ETag para tu build.
  • Astro Normalize Trailing Slash - Una utilidad simple para normalizar las barras diagonales finales en URLs para coincidir con el trailingSlash de tu proyecto de Astro.
  • Astro Varlock - Una integración de Astro para Varlock para gestionar tus variables de entorno con seguridad de tipos y seguridad.
  • Astro Posthog - Una integración de Astro para PostHog, tracking compatible con GDPR en tu app/sitio de Astro.
  • BCMS Astro Components - Un conjunto de componentes de Astro para usar contenido de BCMS.
  • Astro Obfuscator - Una integración de Astro que te permite ofuscar archivos JavaScript del cliente usando javascript-obfuscator.
  • Astro Get Remote Image - Una integración de Astro que descarga automáticamente imágenes remotas de tu CMS durante el proceso de build y actualiza las referencias HTML para usar rutas locales.
  • Astro Client Pragma - Una integración de Astro que añade automáticamente la directiva client:* adecuada a cada plantilla leyendo un pragma "client:*"; al inicio de cada componente de framework.
  • Astro Web Vitals - Una integración de Astro que habilita el seguimiento del rendimiento real del sitio web y almacena los datos en Astro DB.
  • 🌟 Starlight Auto Drafts - Plugin de Starlight para ajustar el comportamiento por defecto de las páginas borrador y eliminar automáticamente los enlaces de la barra lateral a páginas borrador en modo producción.

Temas y Plantillas

Varios temas nuevos de Astro fueron añadidos al directorio de temas de Astro este mes. ¡Da un salto de inicio en un proyecto nuevo comenzando con un tema!

… y también échale un vistazo:

  • El Pricing Builder interactivo y gratuito de Lexington Themes. Construye tablas y cards de precios profesionales con un constructor online intuitivo, ¡luego exporta el código para añadir el componente a tu proyecto de Astro!
  • Un nuevo Shopify Headless Starter con Astro + Svelte impulsado por la Shopify Storefront API.
  • Dev Logs - Comienza a registrar tu día con una plantilla minimalista.

Showcase

¿Buscas aún más inspiración? Mira todos los sitios web de miembros de la comunidad enviados a el showcase de Astro este mes. ¡Envía tu sitio construido con Astro!

Starlight en la naturaleza

Siempre es emocionante encontrarse con más documentación construida con Starlight. Esto es lo que nuestra comunidad notó este mes:

¡Eso es todo! 👋

¡Gracias por otro gran mes! ¡No podemos esperar a ver qué construyes el próximo mes!

¿Quieres aparecer en este post el próximo mes? Comparte tus sitios web, proyectos, apps, herramientas, posts de blog, demos y videos de Astro en el canal #showcase en nuestro Discord y/o etiquétanos en redes sociales.