Astro Weekly #58

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 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 🚀

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 🧑‍🚀

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 ↓

• 🥞 Build a Full-Stack Application using Astro on Cloudflare Workers and Cloudflare Pages [VIDEO]

• 🍰 Astro Layers: Create multiple layers of files that override your base Astro application

•  🏪 Using React Context in Astro - with Nanostores

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

The fastest way to build AI apps

Writer is the full-stack generative AI platform for enterprises. Quickly and easily build and deploy AI apps with Writer AI Studio, a suite of developer tools fully integrated with our LLMs, graph-based RAG, AI guardrails, and more.

Use Writer Framework to build Python AI apps with drag-and-drop UI creation, our API and SDKs to integrate AI into your existing codebase, or intuitive no-code tools for business users.

Start building with AI Studio

Astro on X 💫

What’s happening on Twitter X this week…

Direct link for web version:
https://x.com/rishi_raj_jain_/status/1860388445161730159

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 👨‍🚀