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 -
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 -
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 Reuben Tier -
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!