Some exciting news from around the Astro ecosystem this month, including:
- Updates from Mission Control
- Latest releases
- Astro Adopters
- Weird Wide Web
- Community updates
- Astro in the news, migration stories, how-to articles, and more!
- Watch Party
- Tips & Tools
- Themes & Templates
- Showcase
- Starlight in the wild
Let’s dive right into it!
Updates from Mission Control
Latest releases
Minor releases introduce new features and improvements. Check out what’s new!
- Astro 5.8 - updates minimum version of Node.js to 18.20.8
Astro Adopters
From Ricola to Google, Bootstrap to Visa, some of the biggest names you know are using Astro!
Weird Wide Web
Some sites from the last month that show off what you can do with Astro that are quirky, innovative, inspiring, or just plain fun!
- Mac Theme Gardens - A website showcasing more than 3,000 (and counting) Kaleidoscope from the Classic Mac era. And don’t forget to read the story behind creating Mac Theme Gardens with Astro!
- Statt Land, Song. - Test your music knowledge, compete with friends, and race against the clock in this “guess the song” party game! And check out the story behind Statt Land, Song, including tech stack and lessons learned.
Community
Astro wouldn’t be what it is without its community. From Discord support, to documentation improvements, to translations, to code contributions, Astro welcomes it all.
Astro Team News
Matt Kane attended Strapi conf, representing Astro and talking about managing content and running open-source projects.
Discord Hot topics
This month was all about Astro-native component libraries! Thanks to community member @TWEL for going back through past discussions and preparing the following list for the community:
Content
Here’s what caught our attention this month:
- 🛍 See how Anil built SmartGamer: an SEO-Driven Amazon Gaming Deal Tracker with Astro, Svelte, and Supabase.
- 🔒 Learn how to set up authentication and authorization in Astro with LogRocket.
- ⌚ Find out how Sean C Davis always sets up a new Astro project in My first five minutes in Astro.
- 🎬 Get started with the Sessions API in Astro with a helpful article by Nathan Lawson.
- ⚡ Dan Abramov explains React Server Components (RSC) for Astro developers, which spawned not one, but two video reactions (that we know of…)
Because you can never get tired of Astro, here’s even more community content!
Migration Stories
- Distr docs are now built with Starlight instead of Docusaurus
- Why Bootstrap migrated from Hugo to Astro
How-to Articles
- On-Demand ISR For Astro on Vercel
- How to build a secure file upload system in Astro
- How to make your Starlight sidebar items look better
- Using Pages CMS for static site content management
- No Server, No Database: Smarter Related Posts in Astro with
transformers.js - One command to build blogs with Typst
Find these and all how-to articles from previous monthly blog posts at Astro Tips!
… and more!
- Dependency injection in Astro
- Astro Integrations Explained
- Vue.js Client-Side Routing in Astro SSR Apps
- Same Document View Transitions
- Astro for my Fan-site: Some Fun Party Tricks
- The AHA Stack (Astro, HTMX, Alpine.js) Masterclass
Watch Party
Grab your popcorn and make a playlist of your faves! 🍿
Astro ❤‘s your fave tech
Using a CMS, database, or tool to build? See how it’s done!
Meetups
Astro is popular around the globe! Discover what happened at meetups and conferences this month.
Live coding streams
Watch people build, experiment, and learn!
Tips & Tools
The latest community-built utilities and integrations to help you build with Astro. 🛠
- Astro Prettier Response - This package injects a middleware that runs the Prettier formatter for all output to make it unminified and pretty.
- Astro Strapi Blocks - Astro blocks for Strapi Rich Text Block field.
- Piny Tailwind Visual Editor - A VSCode extension that lets you visually edit Tailwind CSS right in your React and Astro files.
- Astro Image Dithering - Dither your images before serving them to your audience for quicker image loading times combined with a lower carbon footprint.
- Remark Auto Diff - A remark plugin providing an alternative syntax to author diff code blocks in Markdown.
- Schema-driven Astro Starter Kit - A production-ready starter kit that brings structured data, SEO optimization, and schema-driven development to your Astro projects.
- Astro Loader i18n - An Astro glob content loader for i18n files and folder structures.
- WebApp Astro PWA - A ready-to-use Astro component library for adding Progressive Web App (PWA) support to your Astro projects.
- Astro Simple Modal - A simple and highly customizable modal for Astro — minimal setup, full styling control.
- Astro Maintenance - Easily add maintenance and coming soon pages to your Astro site.
- Astro Iubenda - This Astro integration fetches and provides Iubenda Privacy Policy, Cookie Policy, and Terms & Conditions content for your Astro project.
- Light-Auth - A lightweight, secure, and easy-to-implement authentication framework with an Astro Hello World example.
- Astro Wordpress ACF Generator - A php code generator for WordPress Advanced Custom Fields (ACF).
- Astro Daisy Theme Toggle - Component to add a dark and light theme to your AstroJS and DaisyUI project.
- Astro OG Images - Yet another Astro integration to generate Open Graph images. More lightweight than most alternatives.
- Astro Starter Kit: Component Package - A template for an Astro component library. Use this template for writing components to use in multiple projects or publish to NPM.
- Flotiq Astro SDK - Dedicated Astro collections generator for Flotiq Headless CMS.
- Astro Mailer - An Astro integration that enables you to send email notifications via any SMTP service using Nodemailer.
- Astro Resend - An Astro integration that allows you to easily send email notifications for form submissions using Resend in an Astro project.
- Remark Livecodes for Astro - An open-source client-side playground with support for Astro.
- 🌟 Starlight Custom Navigation - Enhance your documentation site with custom page navigation features, including support for keyboard shortcuts.
- 🌟 Starlight Code Block Fullscreen - Add fullscreen toggle functionality to Expressive Code blocks in your documentation.
- Astro Adapter Nekoweb - An adapter for Astro that deploys your app automatically on Nekoweb.
- Astro PlantUML - An Astro integration for rendering PlantUML diagrams in your markdown files.
- Astro Tips - Customizable tip and notice blocks for Astro with 18 built-in styles and auto dark mode support.
- Vemetric Astro SDK - Track your data via the Astro SDK for Vemetric.
- Astroboard - Transform your Umbraco CMS with a dynamic dashboard.
- Inox Tools Cut-short - An Astro integration that lets you stop processing a request instantly and send back a custom response, now with a
cancelPrerenderoption to dynamically skip the generation of a specific page. Instead of rendering a 404 page, this utility ensures the page is completely omitted from your final static output.
… and some built with Astro:
- Astro Life in Weeks - An Astro project to create your own “Your Life in Weeks”, an interactive visualization where each rectangle represents a week of your life.
- Ubikute Relay - A new Status page for communities and organizations to selfhost, with frontend built on Astro.
- html2astro - Drag & drop your HTML. Instantly convert to an Astro project.
- Historical Timeline Calculator - Create and export a graphic of historical timelines.
Themes & Templates
Several new Astro themes were added to the Astro theme directory this month. Get a jump start on a fresh new project by starting with a theme!
-
Astro Full Starter
by Jorge Posada (Coke) -
Raccoon Links
by SofiDev -
Astro Flow - Simple Blog Theme
by Dawid Ryczko -
Letter
by Riceball -
Futura - Portfolio Web AI Developer
by Portfolios -
Modern Personal Blog
by Qingdong Zhang -
BitDoze Astro Theme
by bitdoze -
Litos
by Dnzzk2 -
Space Coast - Medical Business Template
by Cosmic Themes -
Boilerplate Astro + Svelte
by Éverton Toffanetto -
Boilerplate Astro + React
by Éverton Toffanetto -
Boilerplate Astro + SolidJS
by Éverton Toffanetto -
Super cool portfolio template
by Agustín altamirano -
astro-fox
by jt_fox -
Miduwind
by Klender Carrasco -
blackspike astro landing page
by blackspike design -
Nagare
by Angine -
IgniteFit - Fitness Studio Template
by markethem -
Nextspace Astro
by Themefisher -
Bentofolio - Bento Grid Portfolio Template
by tedevs -
Shadcnblocks Astro Themes Bundle
by Rob Austin -
Stalux
by 王兴家 -
Nikola Tesla
by Ian Mathaiya -
So Basic - Blog Template
by Luca Ubiali -
Stargarden
by sustanza -
Neodev - Portfolio Template for Web Developer
by Portfolios -
AstroLingo
by J
Showcase
Looking for even more inspiration? See all the community member websites submitted to the Astro showcase this month. Submit your site built with Astro!
home | ilma.dev 🐣
RawenCat - Star
ArgoBox | Enterprise-Grade Home Lab & DevOps Hub
Home | TeaClient Website
Phong Hy | Software Engineer
Welcome | Athelon
CRFT Studio | Marketing Sites Built to Convert
Belkins - #1 B2B Lead Generation Agency
Dalton Maag | Typeface Design Studio
Ara Sipil dan Arsitektur | konsultan sipil dan arsitek
Imio - polska księga imion
Secure Identity Verification Solutions | Persona
TVA | tva.aqp.it
Robert Vitonsky | Software engineering insights
Home • Scraplab
Abhinav Jain – Full Stack Web Developer & SEO Strategist in Ottawa
Moriz von Langa — Frontend Developer
MauCariApa.com
Магазин Elica: вытяжки, варочные панели, духовые шкафы. | BuyElica.ru
Home | ztz0
Starship Chronicles | Embárcate en una Odisea Interestelar
Krython - Technology Insights & Development Guides
Broken-Links Scanner - Browser Extension
Hygge in Nature | to relax and enjoy life's quieter pleasures
MalaHot — Spice Up Your Life with Authentic Mala Flavors!
Kattalog AI Product Photography | Stunning Shots, Effortlessly
Home | Wassim Soltani
Loop - Automation Solutions
LiveStore: Local-first data layer for high-performance apps
BibleBites - Study the Bible and deepen your faith in 5 minutes
Starfish Home
Vemetric
Cybersec-Check - Datenschutz für Ihre Website und Online-Shop
InstaClock - Simple and effective time tracking solution for individuals.
Starlight in the wild
It’s always exciting to stumble across more docs built with Starlight. Here’s what our community noticed this month:
Documentation | Kuzu
Welcome to Streamplace! | Streamplace Docs
Welcome | xinkjs
Summerside Community Choir
moonlight
What is Distr? | Distr Docs
Docs | LiveStore (0.3.0)
Transform Your Umbraco CMS with a Dynamic Dashboard | Astroboard
Aembit Docs
That’s a wrap! 👋
Thanks for another great month! We can’t wait to see what you build next month!
Want to be in this post next month? Share your Astro websites, projects, apps, tools, blog posts, demos, and videos in the #showcase channel in our Discord and/or tag us on social media!
