Astro Weekly #27

Transmission received. Welcome to Astro Weekly #27 🚀

In today’s newsletter, we have details on the latest Astro release, early news on the first-ever official Astro conference, plus a community takeover from Rishi Raj Jain who’s on hand to show you how to monetize your Astro projects.

Buckle up, Astronaut. Let’s go!

This week in Astro ✨

Astro 4.6 released ⚡️

This is your biweekly reminder to run npx @astrojs/upgrade.

Astro 4.6 is now available.

This latest update brings new features to the dev toolbar, improvements to cookies, experimental support for CSRF protection, plus a new manual routing strategy for internationalization.

For a full breakdown of everything new with Astro 4.6, head on over to the official Astro blog for all the details.

AstroConf 2024? 🎤

Yes, you read that right. Planning for the first-ever AstroConf is underway.

The virtual event is expected to take place this September, and Astro core maintainer Sarah Rainsberger is keen to hear your ideas and feedback on the official Astro Discord.

Astro Boosters 🚀

Astro Weekly is brought to you this week with the support of Tailscan.

Tailscan is the ultimate tool for Tailwind CSS. Build, design, and debug your Tailwind website visually with Tailscan, right within the browser.

Speed up your workflow and prototype quicker than ever before with Tailscan Devtools — an expansion of Tailscan that tightly integrates with browser devtools.

Astro Community 🧑‍🚀

Build a paywall with Astro and Stripe 💲

Learn how to build protected and paywall pages using Astro, Stripe, Lucia Auth, Xata, and Vercel.

In this step-by-step guide by Rishi Raj Jain, you'll learn how to authenticate users using Xata, create Stripe checkouts, and respond to Stripe webhooks in an Astro application. Now watch those Stripe payment notifications roll in.

Using GSAP in Astro 🔌

Discover how to integrate the GreenSock Animation Platform (GSAP) into your Astro application with the expertise of Rishi Raj Jain.

Follow along as Rishi walks you through the setup of a new Astro project, installation of the gsap module, and animation of a text box driven by state.

If you're building an Astro project with View Transitions enabled, Rishi has also prepared an additional guide covering some crucial steps.

What else I’ve been reading this week 🤓

Check out these great posts from the Astro Community ↓

• 🔥 Using Firebase Realtime Database in Astro with Vue

• 📺 Code Block Syntax Highlighting in Astro

• 🔐 Authenticating users in Astro using Neon Postgres and Lucia Auth

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

Astro on X 💫

What’s happening on Twitter X this week…

Direct link for web version:
https://twitter.com/raisedadead/status/1779437050187403405

Astro Showcase 🤩

This week’s Astro Showcase is made entirely of your submissions. Check out these three great 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

Beyond the Astrosphere 🪐

What caught my eye outside of Astro this week…

• Video Tap — repurpose your videos into marketing content

• The Modern React Tutorial — from zero to production with t3.gg

• Glaze — animation framework that combines the power of GSAP and Tailwind-like utility-based document authoring

Transmission ends.

Before I take off, I’ve good news for fans of RSS. Astro Weekly is now available to read through your favorite RSS reader apps. Subscribe to our feed: https://rss.beehiiv.com/feeds/4NnZaN9TmN.xml

In the meantime, if you have something you’d like me to include in a future issue, you can reach me at [email protected] or via DM on X.

Have a great week, Astronauts!

– Nathan 🧑‍🚀