Astro Weekly #103

Migrate your Next.js site to Astro, React forms with Astro Actions, new Astro swag in the Mart

Hello, Astronauts!

It’s our birthday! Two full years of bringing you the latest Astro updates, tips, and community highlights each and every week. 🎉

Can you guess what version of Astro was current when we first launched? Take a trip down memory lane with our very first issue to find out!

This week, learn how migrate your Next.js site to Astro, how to hook up live state with React + Astro Actions, and check out the latest Astro swag that’s out of this world.

Let’s dive in! 🚀

What’s new with Astro 🗞️

Fresh features, updates, and announcements. The latest from Astro HQ!

Fresh fits from the Astroverse

Spirit of Astro swag drop 🛍️

From constellation-inspired tees to a pixel-perfect 8-bit mug, the Spirit of Astro Design Contest has wrapped up, and the winning designs have landed in the Astro Mart.

All proceeds from the Astro shop go straight back into supporting Astro’s open-source mission — so you can look good and do good.

This is also your last chance to grab items from the limited summer collection before they disappear for good, so act fast!

Astro Boosters 🚀

Fueling the mission — brought to you by this week’s sponsor.

What 100K+ Engineers Read to Stay Ahead

Your GitHub stars won't save you if you're behind on tech trends.

That's why over 100K engineers read The Code to spot what's coming next.

  • Get curated tech news, tools, and insights twice a week

  • Learn about emerging trends you can leverage at work in just 10 mins

  • Become the engineer who always knows what's next

Astro Community 🧑‍🚀

Spotlight on what’s shining in the Astroverse.

React + Astro Actions: live form state made easy ⚡

Chris Pennington shows how to integrate React’s useActionState with Astro Actions for dynamic, server-backed UI.

With just a few helpers, you can hydrate React components as islands in Astro, connect them to your database, and handle server-side updates.

Less JS, more Astro

Migrating from Next.js to Astro 🛠️

Thinking of switching from Next.js? Lokman Musliu shows how Astro makes the move seamless, whether you’re porting static pages or interactive components.

From routing and layouts, to data fetching and API routes, Astro’s multi-framework support makes the switch easier than you think.

Spotted in the Astroverse 🪐

A few standout posts from the community that grabbed my attention!

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

Blazing-fast Astro themes ⚡

Elevate your content and SEO

Feather is the ultimate Astro blog template for authors and writers seeking a seamless blend of beautiful design and powerful SEO.

With elegant typography, a focus on readability, and flawless Core Web Vitals, it’s built to elevate your content and your search ranking.

Astro on X 🛰️

Tuning in to the Astro frequency on X!

Astro Showcase 🤩

Fresh from the launchpad: Astro sites worth a look!

That’s everything for another week, Astronauts!

As always, if you have an Astro blog, guide or project to share, let’s hear it! Email me at [email protected] or drop a DM on X.

Peace out.

– Nathan 🧑‍🚀