Astro Weekly #58

SVG components and responsive images in Astro 5.0 beta 10, moderate user-generated content with Astro and AI, authentication in Astro with Better Auth

Hello, Astronauts.

In this week’s update, we’ve got a first look at exciting new features heading to Astro.

Discover the latest experimental features in Astro 5.0 beta 10, including responsive images for optimized performance and SVG components for dynamic vector graphics.

We’re also spotlighting how to streamline user-generated content workflows with AI, plus how to securely authenticate users in Astro using an exciting new auth framework.

There’s plenty to explore, so let’s jump in! 🚀

What’s new with Astro 🗞️

Astro 5.0 set to look picture-perfect

Astro 5.0 beta 10 adds new experimental features 🧪

Astro 5.0 beta 10 is now available, and introduces exciting new experimental features:

  • Responsive images: Automatically optimize images for different screen sizes with minimal setup. Auto-generates the srcsets, sizes, and responsive styles.

  • SVG components: Import and use SVGs as components in your Astro projects, with support for size props and automatic inlining and spritesheets.

Astro also launched their new Astro 5.0 beta docs earlier this week.

Astro Boosters 🚀

Production-ready templates from Cosmic Themes

Don't settle for just a pretty UI; ensure your site is optimized for success. Add those i18n features, optimize those images, minify those files, add all the metadata, throw in a theme toggle for good measure.

You could lose weeks of your life implementing this yourself. Or you can leverage Cosmic Themes premium templates instead.

  • Language switcher, text translation, route translation, and more. Configure i18n in just a few clicks

  • Keystatic CMS or Markdown for an enhanced editing experience

  • Scroll-based animations that work with Astro View Transitions

  • Built-in image optimization

  • Automatic file minification

  • Tons of documentation

  • And more

🎉 Special offer for Astro Weekly readers 🎉

Use code "ASTROWEEKLY20" for 20% off All Access. All current templates, all future additions, lifetime support, and more. Gain your time back. 

Astro Community 🧑‍🚀

Auth, but Better

Authenticating users in Astro with Better Auth 🔐

In this guide by Rishi Raj Jain, learn how to set up user authentication in an Astro application using Better Auth.

You'll start a new Astro project, enable server-side rendering with the Vercel adapter, and integrate Better Auth for smooth, secure user authentication.

Moderating uploads with AI in Astro 🤖

Jason Lengstorf demonstrates how to use the Cloudinary Astro SDK to manage user-generated content more efficiently.

Instead of manually sorting through hundreds of images, leverage AI and image analysis to automatically approve or reject uploads based on their content.

What else I’ve been reading this week 🤓

Check out these great posts from the Astro Community ↓

If you have something awesome you’d like to share with the Astro community, you can reach me at [email protected] or via DM on X

Writer RAG tool: build production-ready RAG apps in minutes

RAG in just a few lines of code? We’ve launched a predefined RAG tool on our developer platform, making it easy to bring your data into a Knowledge Graph and interact with it with AI. With a single API call, writer LLMs will intelligently call the RAG tool to chat with your data.

Integrated into Writer’s full-stack platform, it eliminates the need for complex vendor RAG setups, making it quick to build scalable, highly accurate AI workflows just by passing a graph ID of your data as a parameter to your RAG tool.

Astro on X 💫

What’s happening on Twitter X this week…

Astro Showcase 🤩

Check out these impressive projects built with Astro!

Would you like your work to be featured in our Astro Showcase? Get in touch at [email protected] or DM me on X

That’s a wrap on this week inside the Astroverse.

What interested you most?

If you’d like to contribute to Astro Weekly, feel free to reach out to [email protected] or via DM on X.

Until next time, stay stellar, Astronauts.

– Nathan 👨‍🚀