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 -
Landing Pad
by Cosmic Themes -
Portfolio Pietro
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!