What's new in Astro - October 2024

By
Sarah Rainsberger

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

Updates from Mission Control

Latest Releases

ViteConf 2024

Hear what some of the Astro team has been up to in their talks at ViteConf 2024:

And catch up with the whole conference in the ViteConf 2024 YouTube playlist!

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.

Community Awards September

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 @jsparkdev for amazing contributions to Astro Docs and Starlight translations.
  • 🚀 $250 to @markjaquith for valuable contributions to Astro’s core packages.
  • 🎈 $250 to @dreyfus for fantastic contributions to Starlight and Docs.
  • 🎊 $250 to @HunterBertoson for outstanding contributions to Astro support.
  • 🧁 $250 to @viniciusdeliz for exceptional effort translating docs.

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:

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.

  • astro-react-i18next - Integrates i18next and react-i18next seamlessly into your Astro website to provide robust i18n support for React components.
  • Astro Resend - Easily send email notifications for form submissions using Resend in an Astro project.
  • DeWP - Use your WordPress data in Astro projects
  • starlight-site-graph - A Starlight plugin adding a graph component to the site’s right-sidebar.
  • Astro NPM Loader - Load information about NPM packages into a content collection.
  • Local AstroDB Viewer - View and interact with .db files directly in Visual Studio Code.
  • Astro Mail Obfuscation - Protect email addresses and phone numbers in your Astro app’s source code from bots using XOR-based obfuscation.
  • react-alpine-store - Allows for syncing between reactive state across React and Alpine’s $store. See more information about Alpine’s $store here.
  • Expressive Code Color Chips - A plugin to add color previews to your CSS code examples
  • Astro AO3 loader - A AO3 data loader for Astro using the experimental content layer and AO3.js to load data from AO3 to your Astro website.
  • Portal Gun - Server-side Portals for adding HTML elements outside of the component that defines them.

Themes & Templates

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

Also check out two new Starlight themes:

Websites

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

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

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!