Some exciting news from around the Astro ecosystem this month. Let’s dive in!
Updates from Mission Control
Latest Releases
- Astro 5.0 beta-6
- Astro 4.16
ViteConf 2024
Hear what some of the Astro team has been up to in their talks at ViteConf 2024:
And catch up with the whole conference in the ViteConf 2024 YouTube playlist!
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.
Community Awards September
These are some of the people who went above and beyond last month to make all our lives just a little (or a lot!) better:
- 🌟 $500 to @jsparkdev for amazing contributions to Astro Docs and Starlight translations.
- 🚀 $250 to @markjaquith for valuable contributions to Astro’s core packages.
- 🎈 $250 to @dreyfus for fantastic contributions to Starlight and Docs.
- 🎊 $250 to @HunterBertoson for outstanding contributions to Astro support.
- 🧁 $250 to @viniciusdeliz for exceptional effort translating docs.
Check them out and learn more about the Astro Community Awards on our community website.
Showcase
Content
Here’s what caught our attention this month:
- 📶 Astro vs. WordPress: Rendering Patterns of the Modern Web
- 🌟 Starlight – Faites briller votre documentation
- 🦕 Build an Astro blog with Deno 2
Because you can never get tired of Astro, here’s even more community content!
- How to deploy your first Astro site to Cloudflare Pages
- Launching the GitHub Discussions Blog Loader for Astro
- Deploying Astro Applications to Cloudflare
- Using React Context in Astro
- An Introduction to Astro’s Content System
- Building a view counter with Astro’s Server Islands and Actions
- Understanding Astro’s getStaticPaths function
- Build a Blog Post Preview with Strapi Draft and Publish and Astro
- How to Enable the Storyblok Visual Editor in Your Hybrid Astro Project
- How to Convert a Wordpress blog to an Astro Static Site
- Astro on AWS with SST
- A developers guide to Integrating Notion with Astro
- Building a playground to handle demos for interactive articles in Astro MDX
- Adding a Datagrid to your Astro Site the Easy Way
- How to Build a Callout Component for your Astro Blog
- Adding Guides to Your Astro Blog
- Deploy an Astro app to Railway
- A summary of my first experience with the Astro framework
- Create Dark Mode-Compatible Technical Diagrams in Astro with Excalidraw: A Complete Guide
- The Joy of Astro
- Insights from building my portfolio with Astro
- Why We Chose Astro and Strapi for Our Website
-
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play -
Play
Tips & Tools
The latest community-built utilities and integrations to help you build with Astro.
astro-react-i18next
- Integrates i18next and react-i18next seamlessly into your Astro website to provide robust i18n support for React components.- Astro Resend - Easily send email notifications for form submissions using Resend in an Astro project.
- DeWP - Use your WordPress data in Astro projects
starlight-site-graph
- A Starlight plugin adding a graph component to the site’s right-sidebar.- Astro NPM Loader - Load information about NPM packages into a content collection.
- Local AstroDB Viewer - View and interact with .db files directly in Visual Studio Code.
- Astro Mail Obfuscation - Protect email addresses and phone numbers in your Astro app’s source code from bots using XOR-based obfuscation.
react-alpine-store
- Allows for syncing between reactive state across React and Alpine’s $store. See more information about Alpine’s $store here.- Expressive Code Color Chips - A plugin to add color previews to your CSS code examples
- Astro AO3 loader - A AO3 data loader for Astro using the experimental content layer and AO3.js to load data from AO3 to your Astro website.
- Portal Gun - Server-side Portals for adding HTML elements outside of the component that defines them.
Themes & Templates
Several new Astro themes were added to the Astro theme directory this month. Try them out!
- Odfense Astro by Themefisher
- Astro Rang by Chaturved Degloorkar
- Amplify by Cosmic Themes
- Dev-friendly Portfolio by MiraHikari
- AntfuStyle by Stephanie Lin
- NAID by Studio Lumina
- Link In Bio Theme by Cory Trimm
- AstroZen - Personal Portfolio Website by Moisés Machuca Valverde
- Optimize Astro by Themefisher
- Nordlys by FjellOverflow
- Aether Astro Theme by Manmeet Singh
- DZ Portfolio by 段風桜 Dampuzakura
- Landing Pad by Cosmic Themes
- Portfolio Apto para Todo Público || Portfolio Suitable for All Audiences by Pietro Bonacossa
- AutomatePro Astro by Themefisher
- Minimal Personal Website + Portfolio by Naya Singhania
- BlazeX Astro by Themefisher
- minimalistic blog template by flo-bit
- Blogsmith Free by Cosmic Themes
- Pure by CWorld
- Blog Website by Challa Pavan Bhaskar
- Treelink: Free, open source alternative to Linktree by Trevor Lee
- Astrodol by anthonylan
- Astrobrew Pro by anthonylan
Also check out two new Starlight themes:
Websites
Looking for some inspiration? See all the community member websites submitted to our Discord #showcase
channel and featured on community calls this month.
Hoa xanh - website cho người yêu cây và hoa Web Design e Sviluppo Software di Qualità | Codelungo Whisky - Run Modern Windows Games on macOS Pantic14 St. Paul the Apostle, Rexdale – A Friendly Anglican Church in Rexdale, Toronto Strona główna | Bloodwise Zulik Home | Waqar Ilyas Lukas Trombach | Software Engineer SUPERVOID | Animation, VFX, and Technical Design Studio Pujo Atlas - Interactive Maps and Real-Time Updates for Durga Puja Proton: Privacy by default RoadAware | Learn About Roads, Infrastructure and Transportation Payments Simplified - FanitePay Aksiomatik || Jasa Olah Data Statistik कैलकुलेटर | Hindi Calculator Online Pierre | Remote Senior Full Stack Developer & Designer | Next.js, AstroJS, Sanity.io Luna Trevor I. Lasn Thoughts Crypto taxes done right | CoinTracker Move beyond CI/CD with Buildkite’s Scale-Out Delivery Platform | Buildkite WaveMind — Hung Nguyen portfolio alphanull - design & development with passion & expertise Home | enscribe.dev Hyperkit Webentwicklung & Webdesign Freelancer, Solingen – atomtigerzoo Nic Chan Luke D Iremadze | UI/UX, Fullstack Developer & Everything in Between Frontend Hire DevNow — 开发技术周刊 Zinsrechner Louie Richardson Made With Astro - List of websites made with Astro Welcome to the Bag of Tricks for Astro's View Transitions | Bag of Tricks Luka Železnik | Senior Python & DevOps Engineer Dav/Devs Daniel J. Saldaña 👨🏻💻 Goliat Dashboard — v1.0.0 Rosy Arc - Home Market Research - Sonder ScottWillsey Get a job in Japan with the SSW (Specified Skilled Worker) Visa - SakuraPass AlternateOSS - Open source alternatives, the alternative universe of software
Starlight in the wild
It’s always exciting to stumble across more docs built with Starlight. Here’s what our community noticed this month:
@vtbag | @vtbag Expressive Code Color Chips | Expressive Code Color Chips Hello, Fujin (and friends)! | Learn@FujoWeb.Dev Starlight Sidebar Topics Generative AI Scripting | GenAIScript Homepage | OnHive.io
Want to be on this list next month? Post your Astro websites, projects, apps, tools, blog posts, demos, and videos in our #showcase
channel in our Discord!