2023 was a huge year for Astro, and 2024 is already shaping up to be even bigger. Let’s dive into the updates!
Updates from Mission Control
- We have a new channel on Discord
#dev-integrations, a new home for anyone building their own Astro integrations. - Starlight was nominated for a Product Hunt open-source Golden Kitty Award.
- We launched The Official Astro Newsletter. Sign up if you want to stay updated on all things happening in the Astrosphere!
- Never want to miss an Astro event? Subscribe to our Astro Community Calendar.
Releases
The first month of the year has already started strong with minor releases from both Astro and Starlight 💪!
Docs
New this month in both Astro and Starlight docs: dedicated community resource pages. Check out the community-produced educational content about Astro, and the growing list of Starlight content. Catch up on some of the classic talks, interviews, and streams you might have missed.
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:
- Building a new
<ReadMore />component. After watching Chris build, everyone on the call then jumped in the code base to help find and replace all occurrences of our old “emoji + See more at this link” pattern. - Taking Lunaria, and its documentation, for a test drive. We started with a new Starlight project, and finished with a site with full translation status tracking!
- File/URL structure organization. Soon, the URLs for all our pages will actually correspond to their sidebar section! How did we not break anything with 12 people in the codebase, moving files around and updating links all at once? 🫣
Community
HiDeoo joins Astro Core!
For anyone following the development of Starlight, HiDeoo should be no stranger! HiDeoo has been working on Starlight for quite a while and introduced some amazing features, plugins and the starlight-blog theme.
Welcome HiDeoo 🥳 !
Community Awards December
- 🌟 $500 to @fryuni for outstanding contributions to Astro core and participating in all areas of the community.
- 🍾 $250 to @100gle for their active involvement in translating the Astro Docs into Chinese.
- 🎈 $250 to @thomasbnt for their active involvement in translating the Astro Docs into French.
- 🎊 $250 to @vxoblope for helpful contributions to Astro Docs and active community involvement.
- 🎉 $250 to @rishirajjain for contributing to the Astro ecosystem.
Check them out and learn more about the Astro Community Awards on our community website.
Showcase
Content
Because you can never get tired of watching and reading Astro Content.
- 📄 Astro Year in Review by @shf0811
- 📄 How to Implement Feature Flags in Astro using Unleash by @rishirajjain
- 📄 Auto-generated Last Modified Date in Astro by @scottwillsey
- 📄 How to achieve server islands using Astro Partials, custom elements, and Edge middleware by @mayank
- 📺 From Canva to Astro: Create a Fitness Website in Astro by @petitpois
- 📄 Migrating to Astro (from Next.js) by @raygesualdo
- 📄 Adding reading time to Astro without the hassle by @jahir
- 📄 Tutorial: Ghost CMS and Astro by @adamm2047
- 📄 Build Your own image gallery CMS by @rishirajjain
- 📄 Add sponsors to your Starlight site by @otterlord.dev
- 📺 A lazy man’s Obsidian + Astro workflow integration by @nikolovlazar
- 📄 Building a Single Page Application with Astro by @Sh4yy
- 📄 Adding comments to your Astro blog with Disqus by @konigartus
- 📄 Adding workflows to an Astro app with Inngest by @sylwiavargas
- 📄 Basic event handling in Astro, not so straightforward! by @Chris | Gada Dev Team#5891
- 📺 How to upload images with Astro and Xata by @rishirajjain
- 📄 Dark Modes by @xypnox
- 📄 Basic analytics with Vercel Postgres - Drizzle - Astro by @tledoux
- 📺 Page Components - better than React Server Components by @koshchei.
- 📄 The future of SSR is RSC by @colby.white
- 📄 Astro + Svelte on the Internet Computer by @rbole
- 📺 Astro Icon just hit 1.0 by @chrispennington
- 📄 Using HTMX with Astro Partials by @vxoblope
- 📄 Sending mails with Astro and Nodemailer by @oliverspeir
- 📄 Create a web application with Astro and Drupal by @vincenzogambino
- 📄 Astro API tutorial by @stefanrows
- 📄 Astro Kwesforms with Rive by @pauliescanlon
- 📄 Take a Qwik break from React with Astro by @pauliescanlon
Tips & Tools
The latest community-built utilities and integrations to help you build with Astro.
Don’t miss The Bag of Tricks for View Transitions 👜✨ built by Astro maintainer @martrapp for an amazing showcase of view transitions demos and patterns. Find new animations and transitions to add to your project, and submit your own ideas!
Want to build your own Astro integration? Take a look at The Astro Integration Kit 🛠️ built by Astro maintainer @florian_lefebvre. It provides you with an easy-to-setup template, complete with documentation, to bootstrap your new integration. Get building, and join the fun in #dev-integrations.
More tools we discovered this month include:
- imgit.dev a tool to optimize images, video and YouTube embeds with a dedicated Astro integration
- npmc.dev an alternative front-end for NPM by @athebigbot
- patrick91/astro-meta-tags by @patrick.py
- Getting started with my Astro Snipcart addon by @adamm2047
- astro-server-only-modules by @arshsx
- remark-imgattr by @oliverspeir
- Astro blog integration by @Jumper#8174
- Ghost Content API JS library by @adamm2047
- florian-lefebvre/astro-env by @florian_lefebvre
- astro-integration-template by @florian_lefebvre
- MatthiesenXYZ/astro-ghostcms by @adamm2047
- Unpic: Astro image service by @ascorbic.
- Lucia 3.0 by @pilcrowonpaper
- igloczek/astro-electron by @igloczek.
- astro-devtoolbar-tailwind by @Jumper#8174
Themes & Templates
Several new Astro themes were added & released this month. Try them out!
-
Indie Astro
by Petipois -
Astrofy | Personal Porfolio Website Template
by manuelernestog -
Starlog
by withastro -
Dante
by Just Good UI -
Verve
by Aryan Kumar
Even more templates:
- chartley-template.vercel.app by @chartley
- cosmicthemes.com/themes/demo/the-void by @lastchaos.
- Astro i18n blog starter by @Koos
- Astrodev by @alamguardin
- Futurethemes: Blog - Galaxy by @Jumper#8174
- biztrox-astro.vercel.app by @tffahim
- Starter kit for Astro / Lucia Auth / Neon (Postgres) by @siegerts_
- astro-minimal.netlify.app by @prerad
- Astro spotlight theme (WIP) by @androidak0r
- Mallen by @.hydde
- CaribeSky by @alejostereo
- drab by @rossrobino
Websites
All the community member websites submitted to our Discord #showcase channel and featured on community calls this month.
-
@koe4202 https://migueljm.vercel.app/ -
@kreativan. https://kreativan.dev/ -
@namchee https://www.namchee.dev/ -
https://starry-lens-test-space.vercel.app/) -
@veryeviltomato https://orlandoguevara.dev/ -
@elvaquilla4308 https://658ef00fb4d60cc9fa2e6696--prismatic-pegasus-60e1c1.netlify.app/ -
@heunha https://creativelegazpi.ph/ -
@proibito04 https://gruppoedoardo.it/ -
@sijad https://hellohumans.agency -
@kjeih https://senpaiapp.com/ -
Steven Leabo https://www.stevenleabo.com/ -
@klas._. https://klasnasman-wedding.netlify.app/ -
@kevin https://www.kevinzunigacuellar.com/ -
@lory2007_ https://rng-lorypelli.vercel.app/ -
@partiallyunblind https://gamers-hub-anav.netlify.app/ -
@freenandes https://www.pmcf.xyz/ -
@davinaleong https://www.davina-devs.com/ -
@adamm2047 https://www.matthiesenphotography.com/ -
@aayushbtw https://aayushbtw.pages.dev/ -
@kamranahmedse https://time.fyi/ -
@sasankreddy_ https://decentparadox.vercel.app/ -
https://fusionauth.io/docs/ -
@preetam_nl https://www.gin-cruise.com/staterooms -
@sahillangoo https://sahillangoo.com/ -
@coderdiaz https://somosaria.com/ -
@rootdebian https://sheldon.is-a.dev/ -
@zhondori https://ibratfarzandlari.uz/ -
@prounk https://cassidysmith.dev/photos -
@iaay7ush https://aay7ush.netlify.app/ -
@revenzmind https://revenzmind.vercel.app/ -
@thatchr1s https://www.drettihub.com/ -
@z.o.rro https://playlist-ed.netlify.app/ -
@living_mice https://jongander.com/ -
@akif6464 https://www.baalgirisimcilik.com/ -
@skrrr_skrrr https://www.found.social/ -
@alejostereo https://vivalaselva.org/ -
@_losti https://portfolio.lostis-world.com/ -
@loige.co https://loige.co/ -
@novaiustus https://master--delicate-babka-8c6a53.netlify.app/ -
@ilnur4715 https://12steps.vercel.app/ -
@aayushbtw https://time-bar.pages.dev/ -
@vxoblope https://blog.trevfox.dev/ -
@._no.name_. https://www.manveerbhullar.com/ -
@k16e.co https://komponents-v2.netlify.app/ -
@adamm2047 https://astro-ghostcms.xyz/ -
@jeromeabel https://medito-fundraising.pages.dev/ -
@thesobercoder https://thesobercoder.in/ -
@triptych1313 https://foxdenwebblog.netlify.app/ -
@michaelrambeau https://risingstars.js.org/2023/en -
@anishshobithps https://anishshobithps.com/ -
@getninjan https://jaws-streaming.com/en/ -
@oetzi.dev https://oezguerisbert.com/ -
@vighnesh153 https://vighnesh153.dev/ -
https://www.netlify.com/ -
@giyomoon https://corvu.dev/docs/ -
@moinulmoin https://fig.moinulmoin.com/ -
@_candost https://candost.blog/ -
@koshchei. https://www.flurium.com/ -
@v.mokhun https://www.v-mokhun.com/ -
@bobson6345 https://2024.lincolnhack.org/ -
@devessier https://xstatebyexample.com/ -
@soslan117 https://openstove.org/ -
@ktym4a_01942 https://ktym4a.me/ -
@evanfuture https://lorefrog.com/ -
@jumpingback https://bloombacker.com/
Starlight in the wild
Take a peek at the new Starlight sites that we discovered this month.
-
https://flystorage.dev/ -
@ag3nttcz https://crawler.siteone.io/ -
@stark0913 https://vpnwide.com/ -
@raygesualdo https://sanabel-al-firdaws.github.io/en/ -
@akmot https://sonar-team.github.io/doc/ -
@flaviocopes https://ahastack.dev/ -
Minkyu Lee https://docs.dgm.sh/guides/introduction/ -
Ohno Co https://gql-tada.0no.co/ -
https://crecto.dev/ -
@florian_lefebvre https://astro-integration-kit.netlify.app/ -
@eveeifyeve https://minecraft-essentials.github.io/ -
@viktor_07827 https://space307.github.io/pure-index/ -
chihab https://dotenv.run/ -
Alibaba Open Source https://nacos.io/docs/latest/what-is-nacos/ -
gibbok https://gibbok.github.io/typescript-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!