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!
- AstroResume01 by Nicolas
- Galaxy by FutureThemes by Jacob Jenkins
- positivus by Manul Thanura
- Astro-Storyblok Template by MichalRsa
- Starlight Auth Starter by TheOtterlord
- Dawnlight by Cosmic Themes
- Bigspring Light Astro by Themefisher
- Bigspring Astro by Themefisher
- The Technonomicon by Levi
- Agency01 by Elevate Minds
- Agency02 by Elevate Minds
- Agency03 by Elevate Minds
- Astro Speed by devPirate9
- Resume05 by Acquaint Softtech Private Limited
- Resume06 by Acquaint Softtech Private Limited
- Resume07 by Acquaint Softtech Private Limited
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!
- @ryanjames1729 https://lets-play-alpha.netlify.app/
- Fontawesome https://docs.fontawesome.com/
- @jumper8174 https://astro-kpop.vercel.app/
Looking for some inspiration? See all the community member websites submitted to our Discord #showcase
channel and featured on community calls this month.
- @jamesbb https://tali-tails.com/
- @ms.boba https://fujocoded.com/
- @rogerhn https://enshrouded.gdg.wiki/
- @petrovicz https://e-csoport.hu/
- @Jes015 https://blog-one-murex.vercel.app/
- @Jes015 https://web-vault.vercel.app/
- @ccbikai https://dns.surf/
- @CaptainofPhB https://captainofphb.me/
- Product Hunt https://www.producthunt.com/posts/career-vault
- @siddharthsuresh https://www.siddharth.codes
- @nenadvr https://vrtuedigital.com/
- @hallux https://teneightstudios.net/
- @rol4nd909 https://space.rolandfranke.nl/
- @mac.dev https://www.sweenystudio.com/
- @soslan117 https://www.sobstvennoai.dev/
- @sarah11918 https://sbirb.netlify.app/
- @shankarux https://shankarux.com/
- @samuvello https://portfolio.quinck.io/
- @e92jonah https://vanitysuds.com/
- @ShubhamJain https://textquery.app/tools/visualize/
- @boywithkeyboard https://deno.re/
- @cameronpak https://faith.tools/
- @saiykoh https://layout.ch/
- @g.cerquone https://giacomocerquone.com/
- @romu70 https://romu70.github.io/pizza/
- @astrid.lol https://tonetags.astrid.sh/
- @joelmturner https://pdxfoodweeks.com/
- guochen_ https://www.guochen.design/
- @shard7 https://shard7.fr/
- @tsanjaya https://bn2health.com.au/
- @donawalt https://bihua.fr/
- @xypnox https://www.xypnox.com/
- @thebigbadgeese https://bepbop.github.io/
- @arknoodle https://majic-astro-v2.vercel.app/
- @rees1993 https://www.littlerainevents.co.uk/
- @._ryan https://pro.jsx.email/
- @rishirajjain https://arian-architects.github.io/projects/B%20301,%20Hari%20Nagar/
- @gigantino https://gigantino.dev/
- @aczw https://go.czw.sh/
- 100 mistakes of software engineering https://www.100mistakessoftwareengineering.com/
- @iwfan https://iwfan.site/
- @coleretriever https://running.supply/
- @shadizx https://www.shadizx.com/
- @hexadecimal1337 https://topicolist.com/
- @mike_andreuzza https://ninaskonditori.com/
- @chrsgrrtt https://use-virtual-cursor.hyperlaunch.com/
- @adaliszk https://adaliszk.io/
- @derastatknutred https://katrinrothe.de/indexEng/
- @b00palicious https://neuofficial.co/
- @.exefer https://aryxst.github.io/developer-portfolios
Starlight in the wild
- @palmiak https://docs.patchstack.com/
- @schalkneethling https://schalkneethling.github.io/html-comprehensive-guide/
- @freeCodeCamp https://beta.contribute.freecodecamp.org/
- @eliancodes https://astro-dev-portal-docs.vercel.app/
- typicode https://typicode.github.io/mistcss/
- ASO.dev https://aso.dev/
- Bag of Tricks https://events-3bg.pages.dev/jotter/
- FutureThemes https://docs.futurethemes.io/
- XTDB https://docs.xtdb.com/index.html
- Schematic Docs https://schematics.pbuilder.dev/frameworks/astro/
- @knope-dev https://knope.tech/
- @Hyperxq https://schematics.pbuilder.dev/
- @djobbo https://reaccord.djobbo.com/
- Defense Unicorns https://docs.zarf.dev/
- @mehalter https://docs.astronvim.com/
- truecharts https://truecharts.org/
- Drupal Api Client https://project.pages.drupalcode.org/api_client/
- ballerine-io https://docs.ballerine.com/
- barrosodavid https://barrosodavid.github.io/cs2340-project-2/
- unional https://unional.github.io/
- gren-lang https://gren-lang.org/book/
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!