'%20d='M69.364%2019.146c36.687%2027.806%2076.147%2084.186%2090.636%20114.439%2014.489-30.253%2053.948-86.633%2090.636-114.439C277.107-.917%20320-16.44%20320%2032.957c0%209.865-5.603%2082.875-8.889%2094.729-11.423%2041.208-53.045%2051.719-90.071%2045.357%2064.719%2011.12%2081.182%2047.953%2045.627%2084.785-80%2082.874-106.667-44.333-106.667-44.333s-26.667%20127.207-106.667%2044.333c-35.555-36.832-19.092-73.665%2045.627-84.785-37.026%206.362-78.648-4.149-90.071-45.357C5.603%20115.832%200%2042.822%200%2032.957%200-16.44%2042.893-.917%2069.364%2019.147Z'/%3e%3c/svg%3e)
Ya salió el State of JS. Astro es ahora el framework #2 más usado, y #1 en retención y positividad. Gracias por aparecer este año astronautas 🏆
Algunas noticias emocionantes del ecosistema de Astro este mes. ¡Vamos a sumergirnos!
Actualizaciones desde Mission Control
- 🚀 Astro 5 ya está disponible
- 🗓 Repaso del año 2024 de Astro
- 🤝 Google IDX: Nuestro Socio Oficial de Editor Online
Últimos lanzamientos
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
Nos complace dar la bienvenida a nuestro nuevo maintainer de Astro @thomasbnt!
Merci et bienvenue, astronaut! 🫡
Showcase
Contenido
Esto es lo que llamó nuestra atención este mes:
- 👅 Astro 5 en Bytes.dev
- 🔥 Astro 5 en Front-end Fire (en el minuto 12:50)
- 🆕 The New Stack señala que "Astro fue ciertamente uno de los frameworks web más de moda este año" en Web Development Trends in 2024: A Shift Back to Simplicity.
- 🐠 Brassbound Oceana juego de desplazamiento lateral 2D construido con Astro
- 🌟 Arcjet describió cómo construyeron documentación multi-framework con Astro Starlight
- 📊 Mira cómo quedó Astro en la sección de Metaframeworks de los resultados de State of JS 2024.
Porque nunca te cansarás de Astro, ¡aquí hay aún más contenido de la comunidad!
- Por qué cambiamos a Astro (y por qué podría interesarte)
- Caché de e-commerce moderno con Astro + Turso: serie de 3 partes
- Usando la Content Layer de Astro con un repositorio de GitHub
- Añadir un endpoint de "healthcheck" en Astro
- Cómo preservar el estado de los componentes de React en Astro
- Jugando al escondite: Cómo controlar el apilamiento de los pseudo-elementos durante las view transitions
- Construyendo un sitio web para el restaurante mexicano Casa Grande: Un caso de estudio
- Por qué cambié mi sitio web de Next.js a Astro
- Añade comentarios a tu blog de Astro con AstroDB y Turso
- Cómo añadir comentarios de Bluesky a tu blog de Astro
- Actualizando fragmentos de código de Astro
- Usando Directus CMS con Neon Postgres y Astro para construir un blog
- Lo que me ha enseñado construir una librería UI nativa de Astro
- Por qué y cómo moví mi blog de Middleman SSG a Astro
- Ejecutando una app de Astro en Smallweb
- Sitio web migrado a Astro
- Cómo funciona la integración del Runtime Logger
Reproducir Reproducir Reproducir Reproducir Reproducir Reproducir Reproducir Reproducir Reproducir Reproducir Reproducir Reproducir Reproducir Reproducir Reproducir Reproducir Reproducir Reproducir Reproducir Reproducir
Tips y Herramientas
Las últimas utilidades e integraciones creadas por la comunidad para ayudarte a construir con Astro:
- Domain Expansion - una integración de Astro que añade soporte para compilaciones incrementales.
- Sonda - visualiza tus bundles de Astro
astro-word-loader- carga archivos.docxy.docen una colección de contenido de Astroastro-typed-links- una integración de Astro que obtiene automáticamente enlaces tipados a tus páginasastro-globals- una integración de Astro que almacena datos del sitio en un módulo virtual global@terrahq/astro-core- una colección de componentes centrales de Astro diseñados para agilizar la gestión de recursos y simplificar la creación de formularios- Loader de Flickr - un loader de la capa de contenido para la API de Flickr
github-repos-astro-loader- un loader de contenido para Astro que obtiene repositorios de GitHub y sus archivos READMEstarlight-plugin-show-latest-version- muestra la última versión lanzada de tu plugin de Starlight en la documentación de tu plugin- Bag of Tricks:
<TurnSignal />- configura view transitions individuales por enlace y elige diferentes animaciones para cada navegación
… y algunos construidos con Astro:
- RSS Beauty - Transforma feeds RSS en hermosos formatos de lectura para una mejor experiencia de lectura.
- Generador de Config del Loader
glob()de Astro - ¿Necesitas revisar la configuración delloaderde tus colecciones de contenido? Usa esta web app para generar los ajustes correctos al usar el loaderglob()integrado de Astro. - Creador de imágenes OG - Una herramienta gratuita para generar imágenes OG que puedes usar para crear hermosas imágenes de Open Graph para tus posts de blog, artículos y publicaciones en redes sociales.
- Dos idiotas, un teclado - un juego de cohesión de equipo de ingeniería inspirado en el video "two idiots one keyboard" de ThePrimagen
Temas y Plantillas
Varios temas nuevos de Astro fueron añadidos al directorio de temas de Astro este mes. ¡Pruébalos!
Orylepor UI Petal
Qurno Astropor Platoltheme
Sapick Astropor Themefisher
Horizonpor Cosmic Themes
astro newspor Mohammad RAHMANI
Antarespor 汐涌及岸
Charmpor Yuhan
También échale un vistazo a los nuevos temas de Starlight:
- 📻 Gruvbox - Tema retro con groove para Starlight
- 😺 Catppuccin - Tema pastel suave para Starlight
Sitios web
¿Buscas inspiración? Mira todos los sitios web de miembros de la comunidad enviados al showcase de Astro este mes. ¡Envía tu sitio construido con Astro!
Mother Tongue Manifesto 
Анонимные Прокрастинаторы - официальный сайт СНГ 
المدونة 
Chhatresh Khatri | Portafolio 
Servicios de desarrollo web frontend en TX | MUELLER Solutions, Austin, TX 
Ridelist 
Inicio | Be Amazed 
Bienvenido | Modern Website 
Zawody Agility | Agilix 🐾 
AkbarPekat | Diseñador UI/UX 
simbuy.shop: Mobiles Internet mit eSIMs auf Deiner Reise 
Blog de Yujian 
AppCost.AI | Calculadora de costos de desarrollo de software 
Pine Tree Magick 
The Blogdoang — El blog donde pongo mis notas como Arquitecto Cloud 
The Pillar — espacio para la introspección profunda 
Retrospectiva 2024 - Vortexa 
Jesica 
Zen Browser 
Eventua11y - calendario de eventos de accesibilidad digital 
Servicios profesionales de diseño web | Sitios web optimizados para SEO | Veblabs | VEB Labs 
Core Spec – Unicode 16.0.0 
Showcase de sitios de portafolio | Killer Portfolio 
Click2it | Agencia de marketing digital, diseño web, expertos en Shopify en Sídney 
Servicios personalizados de desarrollo web y SEO | Araptus 
Worklenz - Herramienta gratuita y de código abierto para gestión de proyectos 
大连理工大学网络与开源软件协会 
Desarrollador web freelance, Perth — Websmith Studio 
Digitzen 
Supa Fonts - Librería de fuentes y generadores de fuentes 
Librería de componentes de Astro con soporte para Svelte + React 
Brassbound Oceanica One 
Kvítí jinak - floristería Přerov 
La història del Bàsquet Granollers 
Blake Lam | Desarrollador web 
Little Website Co. 
Klas Näsman 
Inspotype 
artivilla | Tecnólogo Creativo 
Inicio - IJ Construction Group 
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:
Trippy: una herramienta de diagnóstico de red | Trippy 
OpenAuth 
Prueba apps impulsadas por IA GenAI en TypeScript | Evalite 
Editor de texto portátil | Editor de texto portátil 
¡Eso es todo! 👋
Eso es todo por 2024. Gracias por pasar el año con nosotros, ¡y no podemos esperar a verte de nuevo en 2025!
¿Quieres estar en esta lista el próximo mes? Publica tus sitios web, proyectos, apps, herramientas, posts de blog, demos y videos de Astro en el canal #showcase de nuestro Discord!