What’s new in Astro - December 2024

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

Updates from Mission Control

🚀 Astro 5 is out
🗓 Astro 2024 Year In Review
🤝 Google IDX: Our Official Online Editor Partner

Latest Releases

Astro 5.1.1
Starlight 0.30.3

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

We are pleased to welcome our newest Astro maintainer @thomasbnt!

Merci et bienvenue, astronaut! 🫡

Showcase

Content

Here’s what caught our attention this month:

👅 Astro 5 in Bytes.dev
🔥 Astro 5 on Front-end Fire (at 12:50)
🆕 The New Stack notes that “Astro was certainly among the trendier web frameworks this year” in Web Development Trends in 2024: A Shift Back to Simplicity.
🐠 Brassbound Oceana 2D side scroller game built with Astro
🌟 Arcjet described how they built multi-framework docs with Astro Starlight
📊 See how Astro ranked in the Metaframework section of the 2024 State of JS results.

Astro @astro.build

The State of JS is out. Astro is now the #2 most-used framework, and #1 in retention and positivity. Thanks for showing up this year astronauts 🏆

Power rangers panels. Top left, red ranger saying #2 Usage. Top right, blue ranger saying #1 Interest. Middle left, yellow ranger saying #1 retention. Middle right, pink ranger saying #1 positivity. Bottom, full mech suit saying "Astro State of JS 2024"

Chart showing steep increase for Astro from #4 usage in 2023 to #2 in usage in 2024

December 16, 2024 at 3:07 PM UTC

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

Tips & Tools

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

Domain Expansion - an Astro integration that adds support for incremental builds.
Sonda - visualize your Astro bundles
astro-word-loader - load .docx and .doc files into an Astro Content Collection
astro-typed-links - an Astro integration that automatically get typed links to your pages
astro-globals - an Astro integration that stores site data in a global virtual module
@terrahq/astro-core - a collection of core Astro components designed to streamline asset management and simplify form creation
Flickr loader - a content layer loader for the Flickr API
github-repos-astro-loader - a content loader for Astro that fetches GitHub repositories and their README files
starlight-plugin-show-latest-version - show the latest released version of your Starlight plugin in your plugin’s Starlight documentation
Bag of Tricks: <TurnSignal /> - set individual, per-link view transitions and choose different animations for each navigation

… and some built with Astro:

RSS Beauty - Transform RSS feeds into beautiful reading formats for a better reading experience.
Astro glob() Loader Config Generator - Need to check your content collections loader configuration? Use this web app to generate the correct settings when using Astro’s built-in glob() loader.
OG image maker - A free OG image generator tool you can use to create beautiful Open Graph images for your blog posts, articles, and social media posts.
Two idiots, one keyboard - an engineering team-bonding game inspired by ThePrimagen “two idiots one keyboard” video

Themes & Templates

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

Also check out new Starlight themes:

📻 Gruvbox - Retro groove theme for Starlight
😺 Catppuccin - Soothing pastel theme for Starlight

Websites

Looking for some inspiration? See all the community member websites submitted to the Astro showcase this month. Submit your site built with Astro!

Starlight in the wild

It’s always exciting to stumble across more docs built with Starlight. Here’s what our community noticed this month:

That’s a wrap! 👋

That’s it for 2024. Thanks for spending your year with us, and we can’t wait to see you again in 2025!

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