---
# System prepended metadata

title: 'Community Call Agenda: 2024-04-23'

---

# Community Call Agenda: 2024-04-23

<!-- 

## Hosting Duties

* prepare links in browser tabs in advance
* if no agenda link has been created, use "Share - view mode - publish"
* start the call (do NOT notify "@everyone"!)
* manage stage invitations (and remind them to stop screensharing)
* Run through the agenda
* talk between sections and present whatever content others don't
* take notes of anything interesting to make it into the monthly blog post
* Remind Sarah to update the sharing permissions of this agenda at the end of the call to "Write - owners"
* Use this document to create the NEXT agenda (delete weekly specific content)
* Find the NEXT host! :P

-->


<!-- HOST: Welcome, and post the share link (view mode) to this agenda in chat: -->
<!-- https://hackmd.io/@astrocommunitycall/HJ1aMI3lR-->

## Introduction
Welcome!

### How to keep on top of events
- [Astro Community Google Calendar](https://calendar.google.com/calendar/embed?src=c_g6re3u5gkl0mug3ktn1dibqhfk%40group.calendar.google.com) - add to your own calendar!
- opt in to the `@notify-events` Discord role
- Discord Events sidebar - click "interested" to be notified on a per-event basis!


## Core Update - Matthew (confirmed)

RFCs and/or 4.7 minor release this week (take notes)

### RFC Rundown

- we used to have an RFC call before the community call, want to get back into discussing the roadmap more often on the community call
- In the past, we had RFC meetings every week (live! sync!) and that became more of an async process. We are now [looking at getting back to actual meetings](https://github.com/withastro/roadmap/pull/904), getting consensus in person and advancing proposals
- We're also [updating/clarifying our "champion" process](https://github.com/withastro/roadmap/pull/905) so that proposals can get championed, even if you didn't write the proposal.
- More RFCs in process: 
    - [Astro .env](https://github.com/withastro/roadmap/pull/894) from Florian
    - [Rerouting](https://github.com/withastro/roadmap/pull/901) from Ema
    - [CSRF protection](https://github.com/withastro/roadmap/pull/879) from Ema
    - [Incremental Build](https://github.com/withastro/roadmap/pull/763) from Nate/Matthew
- STAGE 2:
    - Form Actions from Ben
    - Container API

Discussions: Anyone can add an idea into Discussions! If it gets interest/traction, it can move on to Issues/PRs in further stages.

### 4.7.0

- Updating our version of Sharp (related to Node update), but not compatible with Cloudflare, don't you love deps?? 
- `allowJS` - makes typing better for some using the `strictest` setting (you can change it if you don't like it!)
- We're going to nag you about updates in the terminal if you're behind, but not too much! And you can turn it off!
- Dev Toolbar API changes to make it easier to build apps, plus a new guide to building your own app that walks you through building a working app.




### Helpful Core Links

[Astro CHANGELOG](https://github.com/withastro/astro/blob/refs/heads/main/packages/astro/CHANGELOG.md) - see the latest version and what's new
[Next "Milestone"](https://github.com/withastro/astro/milestones/) - see what we expect to release in the next minor version
[Roadmap](https://github.com/withastro/roadmap/discussions/) where you can find and participate in RFC Discussions
[Contribute](https://docs.astro.build/en/contribute/) - learn how to get involved and contribute to *all* the Astro repos!


## Starlight Update

### Releases

Actively working on the next minor version of Starlight but to give a bit of insight into what's coming:

- A very impressive Expressive Code upgrade by Hippo which involves a lot of optimizations. To quote Hippo, with this upgrade, the Astro Docs build saw a 27% reduction in build time.
- Kevin is working on a new `<Badge>` component usable everywhere in Starlight.
- Synced tabs, e.g. for package managers, are very close to being ready.
- And of course, more to share in the next update!

### Starlight Links

[Starlight](https://starlight.astro.build)
[Starlight CHANGELOG](https://github.com/withastro/starlight/blob/main/packages/starlight/CHANGELOG.md)

## Team Docs/DX

<!-- HOST: Always pull from the most recent Astro Docs Mastodon post: https://m.webtoo.ls/@astrodocs/ -->

<iframe src="https://m.webtoo.ls/@astrodocs/112315274316302972/embed" width="700" height="900" allowfullscreen="allowfullscreen" sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-forms"></iframe>

Sneak peek of sidebar work
![sidebarsneakpeek](https://hackmd.io/_uploads/S12gBuSWC.png)

Sneak peek of new [How to Build a Toolbar](https://docs-git-feat-recipe-toolbar-astrodotbuild.vercel.app/en/recipes/making-toolbar-apps/) recipe!


### Docs Links

[Follow @astrodocs on the Fediverse](https://m.webtoo.ls/@astrodocs/)
Learn how to contribute at [Astro Docs Docs (AD²) ](https://contribute.docs.astro.build)

## Maintainer/Guests (Demos, interviews, announcements)

### New maintainer announcement!!! (Chris)

Welcome to our newest Astro maintainer Ming-jun!

This was a last minute announcement, and all the maintainers on the call live got pinged to let us know the process was complete and maintainership was official.

Most recently, Ming-jun contributed the [ability to move the dev toolbar](https://astro.build/blog/astro-460/#ability-to-move-the-dev-toolbar).

### Streaming middleware Demo (Chris)

- Astro does live streaming
- As it hits different parts of the page it might need to wait, but it doesn't stop your whole page from rendering
- Chris demo of a `<Sleep>` component that delays some of the page. So we can see how the streaming works. (Not what the demo is about, but showing us how it works)

ACTUAL DEMO: ([see it on StackBlitz](https://stackblitz.com/edit/github-xsibhw?file=src%2Fmiddleware.ts))
- Chris needed some middleware (function you can use to modify a page)
- e.g. redacting sensitive information (example in docs)
- awaiting a response and replacing the word "streaming" with "not streaming"
- Chris' middleware disabled streaming, because it says "wait for the whole response, then give me this text"
- Chris didn't want to do something in middleware that would ruin the performance of someone's site, so needed to respect streaming while adding middleware
- Solution: JavaScript streaming: you have to respect that you don't have everything at once.
- Use streams
- `pipeThrough()`
- transform stream, `chunk`s and streams 
![bunny-rabbit](https://hackmd.io/_uploads/HknCVKSb0.gif)




## Community Showcase Content (Alex)
<!-- HOST: take note of popular/exceptional items!-->
<!-- We add ALL of these items to the monthly blog posts, BUT only 3 - 5 for the newsletter. So, it's helpful to keep track of which are the standout items to feature in the newsletter!-->

Reminder: We include *every* item posted to the Discord `#showcase` channel. So if you want to add something to the call, whether you made it, built it, or just found it, #ShareItInShowcase!

### Blogs/Articles/Videos etc.
<!-- Format:

- 📺 [Deploy an Astro static site to DigitalOcean](https://www.youtube.com/watch?v=a6t93CFnmps) by @zacksiri
- 🎙️ [Simple Stack Streaming - Discussed on Front-end Fire](https://open.spotify.com/episode/6Y7RCXFJQtUxYGNXqemFw7)		
- 📄 [Adding Related Articles with Astro Content Collections](https://blog.codybrunner.com/2024/adding-related-articles-with-astro-content-collections/)	

-->

- 📄 [Image Gallery with TailwindCSS and Alpine](https://lexingtonthemes.com/tutorials/how-to-create-a-image-gallery-with-tailwind-css-and-alpinejs/) by @mike_andreuzza
- 📄 [Todo with Tailwind CSS and Alpine](https://lexingtonthemes.com/tutorials/how-to-create-a-todo-with-alpine-js-and-tailwind-css/) by @mike_andreuzza
- 📄 [Pricing Slider with Tailwind CSS and Alpine](https://lexingtonthemes.com/tutorials/how-to-create-a-pricing-slider-with-tailwind-css-and-alpinejs/) by @mike_andreuzza
- 📄 [Countdown with Tailwind CSS and Alpine](https://lexingtonthemes.com/tutorials/how-to-create-a-countdown-with-tailwind-css-and-alpinejs/) by @mike_andreuzza
- 📄 [Astro.js as an alternative to Next.js](https://dev.to/snikidev/astrojs-as-an-alternative-to-nextjs-pushing-the-limits-30ga) by ?
- 📄 [Shiki transformers in Astro](https://www.launchfa.st/blog/shiki) by @rishirajjain
- 📄 [Realtime using SSE](https://www.koyeb.com/tutorials/using-astro-and-server-sent-events-sse-to-build-realtime-in-app-notifications) by @koyeb
- 📄 [Using Entra ID with Astro](https://agramont.net/blog/entra-id-easyauth-with-astro/) by @cloudconrad
- 📄 [Azure Static Web](https://agramont.net/blog/create-static-site-astro-azure-ssg/) by @cloudconrad
- 📄 [Astro Azure Functions](https://agramont.net/blog/astro-entra-auth-azure-functions/) by @cloudconrad
- 📄 [Astro is pretty cool](https://notes.aliciasykes.com/51203/astro-is-pretty-cool) by @aliciasykes
- 📄 [HTMX & Astro](https://www.html.it/pag/499006/htmx-introduzione-e-installazione-della-libreria/) by ?
- 📄 [Tailwind v4 Tip](https://astro-tips.dev/tips/tailwind-v4/) by @oliverspeir
- 📄 [Darkmode Tip](https://astro-tips.dev/recipes/dark-mode/) by @astrolicious
- 📺 https://x.com/BHolmesDev/status/1781367804643393564 by @bholmesdev
- 📄 https://twitter.com/sawaratsuki1004/status/1782035116602396931 by @sawaratsuki1004
- 📺 https://twitter.com/J_Everhart383/status/1782400303511515313 by @jeffeverhart383

### Tips and Tools 
<!-- Format:
- [example.com](https://www.example.com) by @DiscordUsername if known!
    - Some additional information for the community call about project 
-->

- https://github.com/garpunkal/Umbraco-Headless-Sandbox by @garpunkal
 
### Templates/Themes

<!-- Format:
- [example.com](https://www.example.com) by @DiscordUsername if known!
    - Some additional information for the community call about project 
*** if in the theme portal already, use just the theme name in the array for the blog post! e.g. https://astro.build/themes/details/[name]/***
-->

- https://astro.build/themes/details/agency03/ by @alpeshnakrani
- https://astro.build/themes/details/starlight-auth-starter/ by @otterlord.dev
- https://astro.build/themes/details/docs02/ by @alpeshnakrani
- https://theme.technomancy.dev/ by @liltechnomancer
- https://cosmicthemes.com/themes/dawnlight/ by @lastchaos
- https://cutt.ly/ew5ZD4YM by @tffahim

### Personal/Professional/Project Sites
<!-- Format:  { url: '', title: ''},
{ url: 'https://example.com', title: '@name/org'},
-->

{ url: 'https://shard7.fr/', title: '@shard7'},
{ url: 'https://bn2health.com.au/', title: '@tsanjaya'},
{ url: 'https://astro-kpop.vercel.app/', title: '@jumper8174'},
{ url: 'https://bihua.fr/', title: '@donawalt'},
{ url: 'https://www.xypnox.com/', title: '@xypnox'},
{ url: 'https://bepbop.github.io/', title: '@thebigbadgeese'},
{ url: 'https://majic-astro-v2.vercel.app/', title: '@arknoodle'},
{ url: 'https://www.littlerainevents.co.uk/', title: '@rees1993'},
{ url: 'https://pro.jsx.email/', title: '@._ryan'},
{ url: 'https://enshrouded.gdg.wiki/', title: '@rogerhn'},

### Starlight in the wild

<!-- Format:  { url: '', title: ''},
 { url: 'https://example.com', title: '@name/org'},
-->

{ url: 'https://truecharts.org/', title: 'truecharts'},
{ url: 'https://typicode.github.io/mistcss/', title: 'typicode'},
{ url: 'https://project.pages.drupalcode.org/api_client/', title: 'Drupal Api Client'},

<!-- HOST: Emphasize this message! **The showcase channel is our inbox!** 
Also post anything interesting they discover on Twitter, social media etc. Doesn't have to be their own work! If we don't know about it, we can't showcase it on the call!-->
***Want to be on this list next month? Post your Astro websites, projects, apps, tools, blog posts, demos, and videos in our `#showcase` channel!***


-----

<!-- DRAFT BLOG POST TO ADD CONTENT TO: https://github.com/withastro/astro.build/blob/monthly-april-2024/src/content/blog/whats-new-april-2024.mdx -->