Some exciting news from around the Astro ecosystem this month. Letβs dive in!
Updates from Mission Control
- π₯³ Astro crosses 10,000,000 downloads on NPM!
- π Astro moves up in the latest Thoughtworks 2024 Technology Radar report
- π FreeCodeCamp is looking for Astro contributors to revolutionize their contributor experience
- ποΈ New regular Discord event: Tech Chat with Platform
- π¨π¦ Meet you in Montreal! Save the date and register to attend βAstro Togetherβ: May 28, 2024
Releases
Docs
Our weekly Discord call βTalking and Docβingβ is a chance for you to watch Team Docs work in public, jump in a shared Codespace or Gitpod Workspace, and contribute to the docs live, together. This monthβs topics included:
- Reviewing several new Starlight components. Soon youβll be able to add badges, call-to-action link buttons, fancy styled
<details>
elements, and more! - Learning about site navigation design principles, and testing out a new Astro Docs sidebar redesign!
- Taking a deep dive into our docs web traffic stats to better understand how our site is used.
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 maintainer Ming-Jun Lu and newest core maintainer Emanuele Stoppa! Thank you both for your contributions to Astro, and weβre so fortunate to have you aboard! π«‘
Community Awards February
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 @alexanderniebuhr for significant leadership with the Cloudflare adapter and extraordinary community leadership.
- πΎ $250 to @adamm2047 for significant contributions to the Astro integrations ecosystem.
- π $250 to @hfornier for providing outstanding community support in Discord.
- π $250 to @casungo for their enthusiastic contributions translating Astro Docs into Italian.
- π $250 to @jlengstorf for educating and entertaining the community with content and video streams.
π β¨ Swag shop merch issued this month to @Jumper, @Dreyfus, and @cdvillard!
Check them out and learn more about the Astro Community Awards on our community website.
Showcase
Content
Hereβs what caught our attention this week:
π We also think Astro is pretty cool, @aliciasykes!
ποΈ @snikidev pushes the limits using Astro.js as an alternative to Next.js
π Astro DB: Migrating my analytics data from Vercel Postgres by @tledoux
π’ Build a Likes counter with Astro DB and Vercel with @k1350
β±οΈ Tutorial: Using Astro and Server-Sent Events (SSE) to Build Realtime In-App Notifications by @rishirajjain
Because you can never get tired of watching and reading Astro Content, hereβs even more community content!
- π Extend Astro Syntax Highlighting by @iksaku
- πΊ Letβs Build a Blog with Astro! (docs tutorial live onstream) by @schalkneethling
- π The View Transitions API by @cassidoo
- π Astro + PhotoSwipe by @Petrovicz
- π Fetching Latest YouTube Videos with RSS by @TechSquidTV
- π How to use Astro-Font
- π Step-by-step guide to a custom newsletter form with Astro, React, and ConvertKit by @robcipolla
- π Django to Astro: Migrating a Django Portfolio to Astro.js by @jsolly
- π How to create a Tab component with Tailwind CSS and AlpineJS by @mike_andreuzza
- π How to create a Theme toggle with Tailwind CSS and AlpineJS by @mike_andreuzza
- π How to deploy Astro to AWS Elastic Beanstalk by @rishirajjain
- π Build authenticated and paywall pages with Stripe and Xata by @rishirajjain
- π Build a dynamic e-Commerce store UI with Astro, Neon Postgres and AWS Amplify by @rishirajjain
- π Authentication Users with Lucia and Neon by @rishirajjain
- π Authentication Users with Clerk and React by @rishirajjain
- π Use Firebase Realtime Database with Vue by @rishirajjain
- π GSAP x Astro by @rishirajjain
- π GSAP + ViewTransitions x Astro by @rishirajjain
- π ECommerce Vector Search with Upstash by @rishirajjain
- π How to create a tag input with Tailwind CSS and Alpinejs by @mike_andreuzza
- π How to create a login form with Tailwind CSS and Alpinejs by @mike_andreuzza
- π How to create a progress-bar with Tailwind CSS and Alpinejs by @mike_andreuzza
- π How to create a rating system with Tailwind CSS and Alpinejs by @mike_andreuzza
- π How to create an accordion with Tailwind CSS and Alpinejs by @mike_andreuzza
- πΊ Astro JS pour tous | Formation complΓ¨te
- π Deploy static sites with Astro, Docker and NGINX
- π Image Gallery with TailwindCSS and Alpine by @mike_andreuzza
- π Todo with Tailwind CSS and Alpine by @mike_andreuzza
- π Pricing Slider with Tailwind CSS and Alpine by @mike_andreuzza
- π Countdown with Tailwind CSS and Alpine by @mike_andreuzza
- π Shiki transformers in Astro by @rishirajjain
- π Using Entra ID with Astro by @cloudconrad
- π Azure Static Web by @cloudconrad
- π Astro Azure Functions by @cloudconrad
- π HTMX & Astro by @c-daniele
- π Tailwind v4 Tip by @oliverspeir
- π Darkmode Tip by @astrolicious
- πΊ You should put your web app on the edge by @bholmesdev
- π Bottom drawer with Tailwind CSS and Alpinejs by @mike_andreuzza
- π Multistep from with Tailwind CSs and Alpinejs by @mike_andreuzza
- π Mqking a link shortener Astro DB by @aczw
- π Blog View Counter using Astro, Svelte by @rbole
- π How to do advanced caching and ISR with Astro by @ascorbic.
- π PhotoSwipe in Astro by @rishirajjain
- π Astro - La Γltima FRONTera (Presentation slides) by @achamorro-dev
- πΊ How I Built My Blog Using Astro & MDX by @CodeBrew
- πΊ Svelte Summit Astro Apperance by @sveltesociety
Tips & Tools
The latest community-built utilities and integrations to help you build with Astro.
π Bag of Tricks for Astroβs View Transitions by @martin
- π now with experimental Starlight view transitions components!
π astro-turnstile
by @chaosbite
- (π΅οΈ early preview) a simple way to add a turnstile to your Astro site.
ποΈ AstroStudio CMS by @astrolicious
- π§βπ A dedicated CMS for Astro Studio built by the Astro Community.
Themes & Templates
Several new Astro themes were added to the Astro theme directory this month. Try them out!
- Resume05 by Acquaint Softtech Private Limited
- Resume06 by Acquaint Softtech Private Limited
- Resume07 by Acquaint Softtech Private Limited
- Minimal and bento Portfolio by Andres Camilo Plaza Jimenez
- Biztrox Astro by Themefisher
- Panda by yuhangch
- Minimal portfolio template by Tim Witzdam
- Cody by Amy Dang
- Sirius Astro by Themefisher
- Visionex Astro by Themefisher
- Galaxy by FutureThemes by Jacob Jenkins
- Astro indie Template by Petipois
- @QwikDev/astro + Deno by Sigui
- Agency02 by Elevate Minds
- Agency01 by Elevate Minds
- Astro Fitness Template by Petipois
- Dexler Astro by Themefisher
- Bigspring Astro by Themefisher
- Atom by MΓ©schac Irung
- Northendlab Light Astro by Themefisher
- AstroResume01 by Nicolas
- AstroLetter by Luana Rodrigues
- BLACKS by mesinkasir
- Astro Speed by devPirate9
- didmax-blog by babyblue
- BlogCord by tanmaydot
- positivus by Manul Thanura
- Astro-Storyblok Template by MichalRsa
- Zod - Admin & Dashboard UI Kit by Driss Chelouati
- Newslettr by Julien V
- Flashlight by Luana Rodrigues
- Starlight Auth Starter by TheOtterlord
- Agency03 by Elevate Minds
- Docs02 by Elevate Minds
- The Technonomicon by Levi
- AstroSphere by Mark Horn
- Dawnlight by Cosmic Themes
- Ion by Louis Escher
- Frosti by SunMaple
- AstroNano by Mark Horn
- Astro, TinaCMS and Cloudinary starter by Raj Patil
- Sven - Personal Portfolio Template by CodexCode
- Bloobers Professional Template astro + react by CodexCode
- Agency Aestro Template Page by CodexCode
Websites
Sites of the month:
Add another site to check every day after youβve solved Wordle and Jumblieβ¦ open another tab for Letβs Play Alphaβbuilt with Astro to help computer science students learn about algorithmic searches.
Font Awesomeβs awesome docs are now built with Starlight!
What do you do when a K-pop fan mistakenly finds themselves in the Astro Discord? Build an Astro website for them⦠with Astro!
Looking for some inspiration? See all the community member websites submitted to our Discord #showcase
channel and featured on community calls this month.
- @jamesbb
- @ms.boba
- @rogerhn
- @petrovicz
- @Jes015
- @Jes015
- @ccbikai
- @CaptainofPhB
- Product Hunt
- @siddharthsuresh
- @nenadvr
- @hallux
- @rol4nd909
- @mac.dev
- @soslan117
- @sarah11918
- @shankarux
- @samuvello
- @e92jonah
- @ShubhamJain
- @boywithkeyboard
- @cameronpak
- @saiykoh
- @g.cerquone
- @romu70
- @astrid.lol
- @joelmturner
- guochen_
- @shard7
- @tsanjaya
- @donawalt
- @xypnox
- @thebigbadgeese
- @arknoodle
- @rees1993
- @._ryan
- @rishirajjain
- @gigantino
- @aczw
- 100 mistakes of software engineering
- @iwfan
- @coleretriever
- @shadizx
- @hexadecimal1337
- @mike_andreuzza
- @chrsgrrtt
- @adaliszk
- @derastatknutred
- @b00palicious
- @.exefer
Starlight in the wild
- @palmiak
- @schalkneethling
- @freeCodeCamp
- @eliancodes
- typicode
- ASO.dev
- Bag of Tricks
- FutureThemes
- XTDB
- Schematic Docs
- @knope-dev
- @Hyperxq
- @djobbo
- Defense Unicorns
- @mehalter
- truecharts
- Drupal Api Client
- ballerine-io
- barrosodavid
- unional
- gren-lang
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!