What's new in Astro - January 2024

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? 🫣

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 🥳 !

🌟 $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!

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.

Starlight in the wild

Take a peek at the new Starlight sites that we discovered this month.

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!

推荐订阅源

The Astro Blog