Astro Weekly #16

Kickstart your next Astro project with Appwrite, take a Qwik break from React with Astro, toggle Tailwind classes with Astro Dev Toolbar

Greetings, Astronauts!

As we step into another Tuesday, official Astro news has taken a breather this week. However, the community has been buzzing with so much activity that it's been tough to trim down the highlights for this week’s newsletter.

Let's get right into it.

This week in Astro ✨

There’s a lot of Astronauts out there

Astro Community Awards 🏆

Congratulations and applause are in order to the recipients of the Astro Community Awards for December 2023 announced this week.

The awards are a recognition of the remarkable contributors, supported by Astro's Open Collective funding. It's a celebration of their dedication, spanning bug fixes, pioneering features, document enhancements, translations, stellar support, and vibrant community engagement!

Astro Community 🧑‍🚀

Build a blog with Appwrite + Astro 🚀

Appwrite has gained significant traction in the developer community over the last 12 months. Now, Colby Faycock has published this quick and practical tutorial covering all you need to know to kickstart your next Astro project with Appwrite.

By the end, you’ll know how to:

  1. Create a new database in Appwrite.

  2. Generate post documents using an Astro HTML form and SSR.

  3. Fetch a single blog post.

  4. Display a list of blog posts on your website.

“Write code like React, browser tastes of vanilla” 🍦

Take a Qwik break from React with Astro ⚡️

“Before we get going, a disclaimer: I love React but sometimes, I really don’t need it.” Does this resonate you?

Paul Scanlon is back with another insightful blog post on using Qwik inside your Astro projects, and why sometimes, reaching for React to add client-side interactivity to your website or application isn’t always the best solution.

Debug your flexbox troubles

Toggle Tailwind classes with Astro Dev Toolbar 🔛

Since its debut in Astro 4.0, the enthusiasm among developers for Astro Dev Toolbar has led to the creation of several incredible apps. Now, thanks to Jacob Jenkins, there's another fantastic tool for Tailwind CSS enthusiasts.

Introducing Astro Dev Toolbar Tailwind, a simple Dev Toolbar integration which allows you to see and toggle Tailwind classes easily, per element, in real time. Great for debugging your flexbox troubles.

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…

Astro Showcase 🤩

Anyone remember Gatsby?

Big news this week comes from Netlify. You’ve probably heard of them.

Netlify, the renowned cloud computing platform embraced by millions of developers and businesses, unveiled their revamped website, meticulously crafted with Astro.

Attacting over 2 million monthly visitors*, netlify.com ranks among the top 50,000 websites globally, underscoring a massive vote of confidence in the Astro framework when it comes to powering high-traffic sites.

Other Astro projects in orbit 🪐

More great Astro projects worth checking out! ↓

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…

  • Tailwind Color Palette — copy & paste Tailwind color palette classes, HEX, RGB and HSL values with just one click

  • Indie Bites — bite-sized conversations (15 mins) with successful indie hackers

  • PhotoStudio — the best AI headshot generator I’ve seen to date, incredibly impressive results

That’s all for this week, folks!

If you’d like to have your work featured in Astro Weekly, you can reach me at [email protected] or via DM on X.

Safe travels, Astronauts!

Nathan 🧑‍🚀

Subscribe to keep reading

This content is free, but you must be subscribed to Astro Weekly to continue reading.

Already a subscriber?Sign In.Not now