title | description | publishDate | authors | coverImage | socialImage | lang | |
---|---|---|---|---|---|---|---|
What's new in Astro - December 2023 |
December: last month of the year, a time to reflect on all the amazing things we've shipped, including Astro 4.0! |
December 31, 2023 |
|
/src/content/blog/_images/whats-new-shared.webp |
/src/content/blog/_images/whats-new-december-2023/og.webp |
en |
From all of us at Astro, we'd like to thank you for spending 2023 with us!
We can't wait to start the new year with you! But before we do, here's what happened around the Astroverse this month...
- We launched a $100,000 Astro Ecosystem Fund and have already awarded $10,000 each to three recipients!
- Sentry is now Astro’s Official Monitoring Partner.
- Astro came top in user satisfaction in Netlify’s State of Web Development report — thanks everyone!
- Astro Studio is coming soon…
Just in time for the end of the year, we released Astro 4.0!
The Astro Documentation is now running on Starlight!
We have also officially launched Astro Docs Docs (AD²) to help you contribute to docs! You'll find all kinds of helpful information whether you're making your first open-source PR or are already a seasoned member of Team Docs.
Our weekly Discord call “Talking and Doc’ing” is a chance for you to watch Team Docs work in public, jump in a codespace, and contribute to the docs. This month’s topics included:
- Building a new header component for our integrations pages
- Establishing a community Glossary project
- Discussing best practices for writing helpful Changelog messages
- Adding a mini-showcase with links to related themes on our CMS guide pages
- Updating our integration docs to include MDX components and Expressive Code
- 🌟 $250 awarded to Atharva for significant contributions to Astro Docs and active community involvement.
- 🥳 $250 awarded to McFlyPartages for translating a significant portion of the Astro Docs into French.
- 🎉 $250 awarded to Hippo for exceptional work releasing, maintaining, and providing support for Expressive Code.
- 🍾 $250 awarded to Eva Decker for actively supporting the Astro Community on Discord.
- 🎊 $250 awarded to Jumper for being a super positive, welcoming and supportive presence in the Astro Discord.
- 🎁 $250 awarded to Happydev for significant work on the Astro Core code base.
Check out current and past winners of our Community Awards and claim your own Astro Badge!
📺 Learn why Jason Lengstorf will choose Astro (almost) every time in 2024
🚉 See how a full site migration went in Nuxt 2 to Astro 3 Replatforming – from Setup to Production by @stevenwoodson
🧑🍳 Follow the recipe for Quick-and-useful: A DIY, self-hosted Linktree and Linkinbio clone with Astro and TinaCMS by @_seiryuu_
🚀 Welcoming a new astronaut to the spaceship! A great article to send to your Astro-curious friends: Launching a blog with Astro by @goulvenclech
📧 Learn how to use using RESEND (email API) with Astro in a new video by @chrispennington
🎉 Read all about A year working with HTML Web Components by @hawkticehurst
👀 Astro's 6-hour Launch Week Community Call Deluxe is on YouTube hosted by @sarah11918
🛠️ Want to move from Jekyll to Astro? Read this post by @jack_jack_jack
🤿 Take a Deep dive on View Transitions blog post series by @Fryuni
🏎️ New to Astro? Check out this updated Astro Crash Course by Brad Traversy
🏁 Define the controlled rollout of your next feature by following Adding feature flags in Astro with Xata (showcasing View Transitions Forms) by @rishirajjain
🔢 See how to implement versioned docs with Starlight and Vercel by Lars Kappert
📄 Publier une documentation avec Astro Starlight (also includes a link to English version) by @thomasbnt
🧑🎓 Get early access to Chris Pennington’s project-based Astro course
New Astro themes released this month. Try them out!
- Docbox by @tffarhad
- ltree theme for Astro
- Dusk by @michael-andreuzza
- Indie Astro SSR starter by @petitpois
- Brutal has reached over 150 stars by @eliancodes
- The Void by @CosmicThemes
With the release of the Astro Dev Toolbar, we also have Dev Toolbar apps to showcase now!
- Astro Dev Toolbar app for cloudflare
- Astro Tunnel app for Dev Toolbar
- Lighthouse app for Dev Toolbar
- Cloudflare Dev Toolbar App (demo/WIP) by @alex
- Astro Font Picker devtoolbar app by @randombits.dev
- Astro Tunnel devtoolbar app by @shf0811
- astro-font by @rishirajjain
- Clerk + Astro demo by @vinny_code
- astro-heroicons updated by @seanmcp
Websites submitted to our Discord #showcase
channel and featured on community calls this month.
import ShowcaseGrid from './_whats-new-components/ShowcaseGrid.astro';
export const sites = [ { url: 'https://idx.dev/blog', title: 'IDX by Google'}, { url: 'https://playstormgate.com/', title: '@robbietron' }, { url: 'https://monicaandandy.com/', title: '@joshuaiz' }, { url: 'https://flowsstudio.com/', title: '@marvinkr' }, { url: 'https://lucasjouin.com/', title: '@itshaunt' }, { url: 'https://ngc.pages.dev/', title: '@erkan59' }, { url: 'https://eldenlord.cskl.pl/', title: '@konrad_32301' }, { url: 'https://cskl.pl/', title: '@konrad_32301' }, { url: 'https://salam.app/', title: '@golam71' }, { url: 'https://ltree.darko.io/', title: '@seiryuu' }, { url: 'https://birksovskiy.vercel.app/', title: '@birksovskiy' }, { url: 'https://tomgraafmans.com/', title: '@varvino' }, { url: 'https://www.erfianugrah.com/', title: '@stoicopa' }, { url: 'https://hamza127.vercel.app/', title: '@hamza12700' }, { url: 'https://app.malachidaily.com/', title: '@cameronpak' }, { url: 'https://sayings.cc/', title: '@k16e.co' }, { url: 'https://florian-lefebvre.dev/', title: '@florian_lefebvre' }, { url: 'https://www.potatodeveloper.online/', title: '@badh_rush#0730' }, { url: 'https://kreativan.dev/', title: '@kreativan.' }, { url: 'https://astratechz.com/', title: '@engagepy' }, { url: 'https://hookdeck.com/', title: '@ernie9316' }, { url: 'https://sannajammeh.com/', title: '@chiefkoshi' }, { url: 'https://events-3bg.pages.dev/demos/', title: '@martrapp' }, { url: 'https://greendream21.github.io/', title: '@lovebee_' }, { url: 'https://pagepanda.vercel.app/', title: '@varvino' }, { url: 'https://hideoo.dev/notes', title: '@hideoo' }, { url: 'https://www.amigosdelretiro.com/', title: '@suhaylmv' }, { url: 'https://caoutchou.vercel.app/', title: '@karel5743' }, { url: 'https://agency-git-new-flurium.vercel.app/', title: '@koshchei.' }, { url: 'https://sahaja.bad.al/', title: '@theblapse' }, { url: 'https://calaisrespire.com/', title: '@.kamalito' }, { url: 'https://johnzanussi.com/', title: '@johnzanussi' }, { url: 'https://minirampfoundation.org/', title: '@johnzanussi' }, { url: 'https://switchcase.xyz/', title: '@hellohithisme' }, { url: 'https://mmbu2023.vercel.app/', title: '@heunha' }, { url: 'https://blog.memos.land/en/', title: '@oscarbustos' }, { url: 'https://trailbuddy-astro-view-transition-demo.netlify.app/', title: '@ekfuhrmann' }, { url: 'https://xn--berlandpost-shb.ch/', title: '@meintest_26190' }, { url: 'https://www.caiodeveloper.ca/', title: '@caiomarcellus' }, { url: 'https://offeringinspiration.com/Crafts/', title: '@randombits.dev' }, { url: 'https://lalospirits.com/', title: '@bigskillet0521' }, { url: 'https://github.com/vin-e/clerk-astro-demo', title: '@vinny_code' }, { url: 'https://belief.gg/', title: '@t1c.dev' }, { url: 'https://grafoma.se/', title: '@.hydde' }, { url: 'https://astratechz.com/', title: '@engagepy'}, { url: 'https://lloyd-christmas-quiz-2023.netlify.app/', title:' @lloyd1000'}, { url: 'https://aidantomcy.github.io/', title: '@.aidant'}, { url: 'https://devshorts.vercel.app/', title: '@floyare'}, { url: 'https://smashing.tools/', title: '@needim'}, { url: 'https://www.sweenystudio.com/', title: '@mac.dev'}, { url: 'https://www.poopals.app/', title: '@guillemc23'}, { url: 'https://yuhang.dev/', title: '@yuhang1106'}, { url: 'https://latest.cat/', title: '@patrick.py'}, { url: 'https://www.oscartorres.io/', title: '@oscartorres10'}, { url: 'https://www.gdm-pixel.fr/', title: '@gdm_pixel'}, { url: 'https://terrateam.io/', title: '@joshpollara'}, { url: 'https://headshed.dev/', title: '@marshyon'}, { url: 'https://anfrydev.com/', title: '@christopheanfry'}, { url: 'https://orlandoguevara.dev/', title: '@Tomate Malicioso'}, { url: 'https://creativelegazpi.ph/', title: '@Heunha'}, { url: 'https://gruppoedoardo.it/', title: '@Proibito04'}, ];
Take a peek at the new Starlight sites that we discovered this month.
export const starlightSites = [ { url: 'https://kitschpatrol.com/svelte-tweakpane-ui', title: 'Svelte Tweakpane UI' }, { url: 'https://nh.outerwildsmods.com/', title: 'New Horizons' }, { url: 'https://spotlightjs.com/', title: 'Spotlight' }, { url: 'https://secco.lekoarts.de/', title: 'secco' }, { url: 'https://docs.astro.build/', title: 'Astro Docs' }, { url: 'https://ratatui.rs/', title: 'Ratatui' }, { url: 'https://chamaeleon-docs.vercel.app', title: 'Chamaeleon' }, { url: 'https://rainsberger.ca/', title: 'Sarah's Starlight Blog' }, { url: 'https://rodydavis.github.io/signals.dart/', title: 'Signals.dart' }, { url: 'https://dusa.rocks/docs/', title: 'Dusa' }, { url: 'https://csmos.space/', title: 'csmos' }, { url: 'https://crawler.siteone.io/', title: 'SiteOne' }, { url: 'https://docs.mrrobot.app/', title: 'Mr. Robøt' }, { url: 'https://progressively.app/', title: 'Progressively' }, { url: 'https://taco-api.netlify.app/about/', title: 'TACO project' }, { url: 'https://origami-for-everyone.ft.com/', title: 'Origami for Everyone' }, { url: 'https://www.astroicon.dev/', title: '@nmoodev' }, { url: 'https://www.conceptoai.app/', title: '@leowilkin' }, { url: 'https://docs.ghostfam.com/', title: '@cuongtqtran' }, { url: 'https://distributor.leanflutter.dev/', title: '@LeanFlutter' }, { url: 'https://contribute.docs.astro.build/', title: 'Astro Docs Docs (AD²)'}, ];