Community Call Agenda: 2024-04-23

# Community Call Agenda: 2024-04-23    ## 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  <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)   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.  - 📄 [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  - https://github.com/garpunkal/Umbraco-Headless-Sandbox by @garpunkal ### Templates/Themes  - 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  { 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  { 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'},  ***Want to be on this list next month? Post your Astro websites, projects, apps, tools, blog posts, demos, and videos in our `#showcase` channel!*** -----