# Community Call agenda 2024-05-14
<!--
## 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: -->
<!-- UPDATE THIS FOR EVERY NEW DOCUMENT! -->
<!-- https://hackmd.io/@astrocommunitycall/ryIaxpkM0-->
## 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
### 4.8 (Matthew)
Blog post: https://astro.build/blog/astro-480/
### RFCs (Matthew)
Call for consensus for upcoming features:
- i18n domains: https://github.com/withastro/roadmap/pull/798
- CSRF: https://github.com/withastro/roadmap/pull/879
Demo: [Astro in PHP](https://github.com/matthewp/astro-in-php-example) with [draft PR](https://github.com/withastro/astro/pull/10995)
### 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
No new version but working on a new minor version bringing to Starlight all the performance improvements from Astro 4.8 and the new MDX integration major version (and more 🤫).
Be sure to snag that `@notify-dev` role if you want to be alerted when Hideoo is going live working on Starlight!
### Starlight Links
[Starlight](https://starlight.astro.build)
[Starlight CHANGELOG](https://github.com/withastro/starlight/blob/main/packages/starlight/CHANGELOG.md)
## Team Docs/DX (Sarah)
<!-- HOST: Always pull from the most recent Astro Docs Mastodon post: https://m.webtoo.ls/@astrodocs/ -->
On Talking & Doc'ing: we reviewed two new in-progress Starlight PRs:
- exploring the function of the [table of content's scroll bar](https://github.com/withastro/starlight/pull/1770). It's not easy to pick an implementaton that satisfies everyone's individual scroll bar settings, let alone browser defaults!
<img src="https://hackmd.io/_uploads/B1rLr7-70.png" width=100/> <img src="https://hackmd.io/_uploads/ByGPSm-XA.png" width=100/> <img src="https://hackmd.io/_uploads/BJeOr7-mC.png" width=200/>
- adding support for [Astro's i18n API `Astro.currentLocale` helper](https://github.com/withastro/starlight/pull/1841).
Then, we all jumped into a shared Gitpod space and let people try out different versions of what our new Astro Docs sidebar could look like. There's [a draft pull request](https://github.com/withastro/docs/pull/8239) where you can check our current progress, and leave feedback and ideas!
### 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 (Sarah ~~?~~ !)
Welcoming @Atharva as our newest maintainer!
### Community Award winners (Sarah)
These are some of the people who went above and beyond last month to make all our lives just a little (or a lot!) better:
:star2: $500 to @.eduardopereira for exceptional contributions to Astro Docs.
:rocket: $250 to @martrapp for continued contributions to view transitions development, support, and education.
:balloon: $250 to @liruifengv for contributing to several repos with translations, reviews, maintenance, and updates.
:confetti_ball: $250 to @adaliszk for being a welcoming, helpful member of support.
Check out these and past winners on https://community.astro.build/
## 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/)
-->
- 📄 [Add Progress bar using View Transitions](https://events-3bg.pages.dev/loading/progress-bar/one/) by @martrapp
- 📄 [How to create contextual menu with Tailwind CSS and Alpinejs](https://lexingtonthemes.com/tutorials/how-to-create-a-contextual-menu-with-tailwind-css-and-alpinejs/) by @mike_andreuzza
- 📄 [How to create a 3D Button in Tailwind CSS](https://lexingtonthemes.com/tutorials/how-to-create-a-3d-button-with-tailwind-css/) by @mike_andreuzza
- 📄 [How to create a scroll progress bar with Tailwind CSS and JS](https://lexingtonthemes.com/tutorials/how-to-create-a-scroll-progress-bar-with-tailwind-css-and-javascript/) by @mike_andreuzza
- 📄 [How to create an animated navigation on scroll with Tailwind CSS and JS](https://lexingtonthemes.com/tutorials/how-to-create-an-animated-navigation-with-javascript/) by @mike_andreuzza
- 📄 [How to create a chat bubble with Tailwind CSS and Alpine](https://lexingtonthemes.com/tutorials/how-to-create-a-chat-bubble-with-tailwind-css-and-alpinejs/) by @mike_andreuzza
- 📄 [How to create a interactive pricing table with Tailwind CSS and JS](https://lexingtonthemes.com/tutorials/how-to-create-interactive-pricing-toggle-with-tailwind-css-and-javascript/) by @mike_andreuzza
- 📄 [Using Microsoft Graph Toolkit with Astro](https://agramont.net/blog/using-microsoft-graph-toolkit-astro-static-site/) by @cloudconrad
- 📄 [Feature Flags with Vercel Toolbar and Astro](https://www.thomasledoux.be/blog/feature-flags-astro-vercel-toolbar) by @tledoux
- 📄 [Animate code blocks](https://www.dertimonius.dev/blog/til-27) by @dertimonius
- 🎙️ [Migrating to Astro](https://share.transistor.fm/s/d86496cd) by ?
- 📺 [eCommerce Store with Astro](https://www.youtube.com/watch?v=vi_HfqWtCBc&t=21s) by @nebojsa_cookie_duster
- 📺 [I recreated Shadcn's Docs in 30 minutes with this amazing tool](https://www.youtube.com/watch?v=5pq80drDrNs)<!-- ** -->
### Tips and Tools
<!-- Format:
- [example.com](https://www.example.com) by @DiscordUsername if known!
- Some additional information for the community call about project
-->
- [astro-lenis](https://www.npmjs.com/package/astro-lenis) by @arknoodle
- [starlight-blog](https://github.com/HiDeoo/starlight-blog) by @HiDeoo
- [astro-tailwind-config-viewer](https://github.com/florian-lefebvre/astro-tailwind-config-viewer) by @florian_lefebvre
### 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]/***
-->
- [blahg](https://github.com/cassidoo/blahg) by @cassidoo
- [astro-bento](https://bento.engage-dev.com/) by @engage_intellect
### Personal/Professional/Project Sites
<!-- Format: { url: '', title: ''},
{ url: 'https://example.com', title: '@name/org'},
-->
{ url: 'https://navbar.tech/', title: '@simonswiss'},
{ url: 'https://raptorgpt-ost.netlify.app/', title: '@kyr08444'},
{ url: 'https://redpoint-center.vercel.app/', title: '@johnnyculbreth'},
{ url: 'https://sosbrazil.org/', title: '@adamorim'},
{ url: 'https://georgefrancis.dev/', title: '@georgefrancis.'},
{ url: 'https://ashfid.dev/', title: '@ashfid'},
{ url: 'https://cool-panda.vercel.app/', title: '@arknoodle'},
{ url: 'https://alexndrho.dev/', title: '@skidy__'},
{ url: 'https://30secondsofcode.org/', title: '@z.o.rro'},
{ url: 'https://dev.to/hfournier/professional-profile-website-for-a-performer-3f1e', title: '@hfournier'},
{ url: 'https://lukastrombach.dev/', title: '@lukets4328'},
{ url: 'https://delights.flayks.com/weekly', title: '@flayks'},
{ url: 'https://clarkio.com/', title: '@dhanishgajjar'},
{ url: 'https://trevorjrowe.com/', title: '@.tjrowe'},
{ url: 'https://tapggc.org/', title: '@cengique'},
{ url: 'https://smallpageenergy.mmibordeaux.com/', title: '@pedrobpdev'},
{ url: 'https://patheticgeek.dev/', title: '@pathetic_geek' } <!-- ** -->
### Starlight in the wild
<!-- Format: { url: '', title: ''},
{ url: 'https://example.com', title: '@name/org'},
-->
{ url: 'https://docs.dokploy.com/', title: 'dokploy'},
{ url: 'https://heihua.yadaze.com/', title: 'ColinWttt'},
{ url: 'https://docs.shorebird.dev/', title: 'shorebirdtech'}, <!-- ** -->
<!-- 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-may-2024/src/content/blog/whats-new-may-2024.mdx -->