Some exciting news from around the Astro ecosystem this month. Let’s dive in!
Updates from Mission Control
- 🚀 Astro Actions (experimental)
- 🥳 Lunaria beta release
- 🇨🇦 Astro Together, in Montreal! An in-person only event, but stay tuned for the videos and announcements published next week!
Releases
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
Welcome to our newest Astro maintainers @Jumper and @Atharva! The crew just keeps getting larger, and we are happy to have you aboard!
Community Awards April
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 @egpereira for exceptional contributions to Astro Docs.
- 🍾 $250 to @martrapp for continued contributions to view transitions development, support, and education.
- 🎈 $250 to @liruifengv for contributing to several repos with translations, reviews, maintenance, and updates.
- 🎊 $250 to @adaliszk for being a welcoming, helpful member of support.
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:
- 📺 Watch @WebDevSimplified recreate Shadcn’s Docs in 30 minutes with Starlight. We’re not sure we would say “Building documentation for a library is one of the worst parts of any project!” But for those who think so, see why Starlight takes that task from painful to delightful!
- 📖 Go behind the scenes for the making of Eva’s Guestbook built with Astro DB by @for.eva.new
- 🧜♀️ See how to add diagrams to your Astro site with MermaidJS and Playwright by @cloudconrad
- 📚 Introduction to the Astro web framework (Udemy course) by @TechRazor
- 📺 How to send in-app notifications with Astro by @jeffeverhart383
- 🤗 Thank you Luke, for Thank you Astro! by @lukealexdavis
Because you can never get tired of watching and reading Astro Content, here’s even more community content!
- 📄 Integrate Stripe with Astro by @zellwk
- 📄 Feature Flags with Vercel Toolbar and Astro by @tledoux
- 📄 Animate code blocks by @dertimonius
- 📄 Add Progress bar using View Transitions by @martrapp
- 🎙️ WordPress to Astro site conversion by @UIBuzz
- 📄 Merge Blog and Website by @cassidoo
- 📺 eCommerce Store with Astro by @nebojsa_cookie_duster
- 📄 Contact form in Astro by @surjithctly
- 📄 Structure Data in Starlight by @alexmacarthur
- 📄 RSS Feed Content and Fixing Markdown Image Paths in Astro by @billy_le
- 📄 Webmentions in Astro for blog posts by @stevefrenzel
- 📄 Using Microsoft Graph Toolkit with Astro by @cloudconrad
- 📺 The SLAY stack: Sanity, Laravel, Astro by @chrispecoraro
- 📄 Create an Effective Contact Form with Astro by @CosmicThemes
… and don’t miss the latest tips from Astro Tips such as Dynamic imports in module scripts and tutorials from Lexingon Themes such as How to create a drag and drop with Tailwind CSS and JS
Tips & Tools
The latest community-built utilities and integrations to help you build with Astro.
- @astrojs/web-vitals (experimental)
- Solid Devtools Integration by @eliancodes
- Subset webfonts by @namchee
- Multiple build targets by @svaehn
- astro-lenis by @arknoodle
- starlight-blog now with RSS support by @HiDeoo
- astro-tailwind-config-viewer by @florian_lefebvre
- GitHub Card by @vaporvee
- Astro Express by @pathetic_geek
- Starlight Multi Sidebar by @lorenzolewis
- Astro MC by @adamm2047
- custom-element-docgen (Astro Integration) by @andrico1234
- starlight-utils by @LorenzoLewis
- Bag of Tricks - image gallery by @Martrapp
- HonoAstroAdapter by @JoseDv1
- Astro UI library by @Sil
- astro-starlight-remark-asides by @OliverSpeir
Themes & Templates
Several new Astro themes were added to the Astro theme directory this month. Try them out!
Also check out:
- Quartiere by @LexingtonThemes
- LaunchFast Blog CMS Template by @rishirajjain
- blahg by @cassidoo
- Beginner Astro Starter Kit by @buckybuck135
- Intermediate Astro Starter Kit with Decap CMS by @buckybuck135
- Purrfile - Fullstack Application Template with Astro and Cloudflare
- Visions by @AcidDesign
Websites
Sites of the month:
- SquiggleConf, a web developer tooling conference, is using Astro for their conference website!
- See a QR Code generator built with Astro.
- Add a new daily puzzle game to your routine: node_shift is built with Astro DB!
-
SquiggleConf https://2024.squiggleconf.com/
-
@florian https://qr.florian-lefebvre.dev/
-
@johnmcgg https://nodeshift.click/
Looking for some inspiration? See all the community member websites submitted to our Discord #showcase channel and featured on community calls this month.
-
@amir_zezo2001 https://amirgeek.vercel.app/
-
@karel5743 https://lekkersicko.art/
-
@bekublue https://bryanhogan.com/
-
@luqtas https://happort.org/
-
@? https://playstormgate.com/
-
@bapspatil https://axol.io/
-
@0123neonomad https://www.teamprepstarz.com/
-
@arikchakma https://mly.fyi
-
@patrickreiner https://art.patrickreiner.com/
-
@simonswiss https://navbar.tech/
-
@kyr08444 https://raptorgpt-ost.netlify.app/
-
@johnnyculbreth https://redpoint-center.vercel.app/
-
@adamorim https://sosbrazil.org/
-
@georgefrancis. https://georgefrancis.dev/
-
@ashfid https://ashfid.dev/
-
@arknoodle https://cool-panda.vercel.app/
-
@skidy__ https://alexndrho.dev/
-
@z.o.rro https://30secondsofcode.org/
-
@hfournier https://dev.to/hfournier/professional-profile-website-for-a-performer-3f1e
-
@lukets4328 https://lukastrombach.dev/
-
@flayks https://delights.flayks.com/weekly
-
@dhanishgajjar https://clarkio.com/
-
@.tjrowe https://trevorjrowe.com/
-
@cengique https://tapggc.org/
-
@pedrobpdev https://smallpageenergy.mmibordeaux.com/
-
@pathetic_geek https://patheticgeek.dev/
-
@for.eva.new https://eva.town/guestbook
-
@anandubabu https://anandubabu.web.app/
-
@for.eva.new https://design.eva.town/
-
@nnisarggada https://nnisarg.in/
-
@sebbbbbbbbbbbbbbb https://smudge.ai/blog/ratelimit-algorithms
-
@jonoces https://cityeditionstudio.co.uk/
-
@clausinhooo https://wehoma.de/
-
@jinsupark https://jinsupark.com/
-
@danielrosehill https://www.danielrosehill.com/
-
@jacobweinbren https://kafkaesque.blog/post/updated-israel-map/
-
@boboysdadda https://integratn-io-astro.netlify.app/
-
@ninuz https://www.trustyourskill.com/
-
@aline_grianti https://new-portfolio-hxso.vercel.app/
-
@edericogames https://ederico.dev/
-
@oliverspeir https://oliverspeir.dev/garden/
-
@aytef https://aloui.co/
-
@derastatknutred https://drwrct.de/
-
@pedro https://pedro-portfolio-seven.vercel.app/
-
@default_account https://mayhopar.com/
-
@danielrosehill https://heyitworks.tech/
-
@lmura https://sanbana.netlify.app/
-
@ankt https://www.aniketnegi.com/
-
@ubong.dev https://exsuntrasolutions.com/
-
@ty4rel https://0nisec.blog/
-
@coding-in-public https://www.brewfiles.com/
Starlight in the wild
-
Open Podcast API https://openpodcastapi.org
-
Horizon Hosting https://docs.hrznhosting.com/general/about/
-
La Suite numérique https://integration.lasuite.numerique.gouv.fr/
-
dokploy https://docs.dokploy.com/
-
shorebirdtech https://docs.shorebird.dev/
-
Geospatial https://navispatial.github.io/geospatial-v1/
-
Ratatui https://ratatui.rs/
-
nx-sonarqube https://nx-sonarqube.dev/
-
Style Dictionary https://v4.styledictionary.com/
-
@grafana https://tanka.dev/
-
@LinwoodDev https://butterfly.linwood.dev/
-
@likec4 https://docs.likec4.dev/
-
@baomidou https://baomidou.com/
-
DMNO https://dmno.dev/
-
how2neovim https://how2neovim.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!