What’s new in Astro - May 2024

Some exciting news from around the Astro ecosystem this month. Let’s dive in!

Updates from Mission Control

🚀 Astro Actions (experimental)
🥳 Lunaria beta release
🇨🇦 Astro Together, in Montreal! An in-person only event, but stay tuned for the videos and announcements published next week!

Releases

Astro 4.8 and Astro 4.9
Starlight 0.23

Community

Astro wouldn’t be what it is without its community. From Discord support, to documentation improvements, to translations, to code contributions, Astro welcomes it all.

Astro Team News

Welcome to our newest Astro maintainers @Jumper and @Atharva! The crew just keeps getting larger, and we are happy to have you aboard!

Community Awards April

These are some of the people who went above and beyond last month to make all our lives just a little (or a lot!) better:

🌟 $500 to @egpereira for exceptional contributions to Astro Docs.
🍾 $250 to @martrapp for continued contributions to view transitions development, support, and education.
🎈 $250 to @liruifengv for contributing to several repos with translations, reviews, maintenance, and updates.
🎊 $250 to @adaliszk for being a welcoming, helpful member of support.

Check them out and learn more about the Astro Community Awards on our community website.

Showcase

Content

Here’s what caught our attention this month:

📺 Watch @WebDevSimplified recreate Shadcn’s Docs in 30 minutes with Starlight. We’re not sure we would say “Building documentation for a library is one of the worst parts of any project!” But for those who think so, see why Starlight takes that task from painful to delightful!
📖 Go behind the scenes for the making of Eva’s Guestbook built with Astro DB by @for.eva.new
🧜‍♀️ See how to add diagrams to your Astro site with MermaidJS and Playwright by @cloudconrad
📚 Introduction to the Astro web framework (Udemy course) by @TechRazor
📺 How to send in-app notifications with Astro by @jeffeverhart383
🤗 Thank you Luke, for Thank you Astro! by @lukealexdavis

Because you can never get tired of watching and reading Astro Content, here’s even more community content!

📄 Integrate Stripe with Astro by @zellwk
📄 Feature Flags with Vercel Toolbar and Astro by @tledoux
📄 Animate code blocks by @dertimonius
📄 Add Progress bar using View Transitions by @martrapp
🎙️ WordPress to Astro site conversion by @UIBuzz
📄 Merge Blog and Website by @cassidoo
📺 eCommerce Store with Astro by @nebojsa_cookie_duster
📄 Contact form in Astro by @surjithctly
📄 Structure Data in Starlight by @alexmacarthur
📄 RSS Feed Content and Fixing Markdown Image Paths in Astro by @billy_le
📄 Webmentions in Astro for blog posts by @stevefrenzel
📄 Using Microsoft Graph Toolkit with Astro by @cloudconrad
📺 The SLAY stack: Sanity, Laravel, Astro by @chrispecoraro
📄 Create an Effective Contact Form with Astro by @CosmicThemes

… and don’t miss the latest tips from Astro Tips such as Dynamic imports in module scripts and tutorials from Lexingon Themes such as How to create a drag and drop with Tailwind CSS and JS

Tips & Tools

The latest community-built utilities and integrations to help you build with Astro.

@astrojs/web-vitals (experimental)
Solid Devtools Integration by @eliancodes
Subset webfonts by @namchee
Multiple build targets by @svaehn
astro-lenis by @arknoodle
starlight-blog now with RSS support by @HiDeoo
astro-tailwind-config-viewer by @florian_lefebvre
GitHub Card by @vaporvee
Astro Express by @pathetic_geek
Starlight Multi Sidebar by @lorenzolewis
Astro MC by @adamm2047
custom-element-docgen (Astro Integration) by @andrico1234
starlight-utils by @LorenzoLewis
Bag of Tricks - image gallery by @Martrapp
HonoAstroAdapter by @JoseDv1
Astro UI library by @Sil
astro-starlight-remark-asides by @OliverSpeir

Themes & Templates

Several new Astro themes were added to the Astro theme directory this month. Try them out!

Also check out:

Quartiere by @LexingtonThemes
LaunchFast Blog CMS Template by @rishirajjain
blahg by @cassidoo
Beginner Astro Starter Kit by @buckybuck135
Intermediate Astro Starter Kit with Decap CMS by @buckybuck135
Purrfile - Fullstack Application Template with Astro and Cloudflare
Visions by @AcidDesign

Websites

Sites of the month:

SquiggleConf, a web developer tooling conference, is using Astro for their conference website!
See a QR Code generator built with Astro.
Add a new daily puzzle game to your routine: node_shift is built with Astro DB!

Looking for some inspiration? See all the community member websites submitted to our Discord #showcase channel and featured on community calls this month.

Starlight in the wild

Want to be on this list next month? Post your Astro websites, projects, apps, tools, blog posts, demos, and videos in our #showcase channel in our Discord!