# Community Call Agenda: 2024-04-09 <!-- HOST: Welcome, and post the share link to this agenda in chat: --> <!-- https://hackmd.io/@astrocommunitycall/BJi53AKk0 --> 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) - never miss an event! - opt in to `@notify-events` (and/or `-updates` for releases, `-announcements` for general announcements) - Also all calendar entries available in the Discord Events sidebar. Click "interested" to be notified on a per-event basis. ## Core Update - Matthew or Ben <!-- HOST: TAKE NOTES HERE DURING THE CALL --> <!-- We might not know ahead of time what they'll say --> <!-- Monthly "What's New" blog post may use this content --> - Quick recap of 4.5 with help of Blog post which was published during launch week - 4.6 is coming up - First release since launch week (4 weeks already!) - Toolbar positionning is coming (bottom left / center / right) - Adds a data attribute to pre elements on the Code component - Adds options when deleting cookies - i18n manual routing: pretty big feature. makes it more customizable by letting you handle routing yourself - starlight supporting core i18n soon - csrf protection support being worked on - upgrade minimum node version following a policy version update (will solve a few sharp issues) - Ben talked about roadmap proccess and showed his form action discussion ### The Astro Technology Company news (Someone give an intro re: difference between Astro open source project TATC -- Sarah has written on Discord about this publicly a few times) https://twitter.com/matthewcp/status/1777395439605620810 BEN: Can we share your promotion, too??? **(CWO???)** ### 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 ### Bens Cloudflare demo - Explains the runtime feature of adapter v10 - Build a Soundboard - https://github.com/withastro/roadmap/discussions/871 - `simple-form` - https://github.com/bholmesdev/womp-with-studio ## Starlight Update ### Releases #### 0.21.4 - Support for custom titles in nested asides - Fixed a bug passing translations to Expressive Code #### 0.21.5 (today) - Fixes translations for single-language sites using a locale prefix - Fixes an accessibility bug in the `<Tabs>` component - Fixes some TypeScript errors - Adds an icon for the Apple Pkl file format ### Support for hybrid builds is coming - https://github.com/expressive-code/expressive-code/pull/187 - https://github.com/withastro/starlight/pull/1720 ### Starlight Links [Starlight](https://starlight.astro.build) [Starlight CHANGELOG](https://github.com/withastro/starlight/blob/main/packages/starlight/CHANGELOG.md) ## Talking & Doc'ing (every Thursday, 8 a.m. ET) On last week's Talking & Doc'ing we . . . <!-- HOST: Always pull from the most recent Astro Docs Mastodon post: https://m.webtoo.ls/@astrodocs/ --> https://m.webtoo.ls/@astrodocs/112235457237278697 ### 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) ### Enabling View Transitions for a Starlight Site :handbag: :sparkles: (Martin) Have you ever wished your Starlight website had a little more SPA-like look and feel? The Bag of Tricks for Astro's View Transitions includes support for enabling view transitions when navigating through Starlight pages! http://events-3bg.pages.dev/jotter/starlight/ - animations! - sounds! ### Astro Integration Kit (Florian) - What's new since last time (a billion breaking changes): [changelog](https://github.com/florian-lefebvre/astro-integration-kit/blob/main/package/CHANGELOG.md#070) - Interested in live coding? And what? - What's next - `defineIntegration` being migrated to `astro` / `@astrojs/kit` - Write tests and guides ### Astro When & other inox-tools updates (Luiz) - https://inox-tools.vercel.app/astro-when - Demo time - How does it fit in Astro: - [Skipping middleware on static/prerendered routes](https://github.com/withastro/roadmap/discussions/867) - [Middleware on request-time for prerendered routes](https://github.com/withastro/roadmap/discussions/869) <!-- NOTE: The rendering and request pipeline are being re-evaluated and will possibly change in the near future to enable #869 above. For that reason, `astro-when` was not proposed as part of Astro yet. Adding a new value to the enum would be a breaking change unless we make the enum non-exhaustive. --> ### Astro Theme Provider (Bryce) - [Introduction](https://github.com/BryceRussell/astro-theme-provider) - Quick demo (< 5min) - Announce as part of Astrolicious / Call for help ### Inter-integration API proposal (Luiz) - [The Proposal](https://github.com/withastro/roadmap/discussions/884) ### Astro Conf Check out the Discord thread where we're asking for your feedback on what Astro Conf could/should look like! There are 3 questions for you to answer, including: If Astro conf did _____ I would absolutely cancel any existing plans to make sure I watched! Give us some creative fill in the blanks there! Thread link: https://discord.com/channels/830184174198718474/1204452872666882069 ## 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!--> ### 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/) --> - 📄 [Astro DB: Migrating my analytics data from Vercel Postgres](https://www.thomasledoux.be/blog/astro-db-migrating-analytics-postgres) by @tledoux - 📄 [The View Transitions API](https://frontendmasters.com/blog/the-view-transition-api/) by @cassidoo - 📄 [Astro + PhotoSwipe](https://dev.to/petrovicz/astro-photoswipe-549a) by @Petrovicz - 📄 [Fetching Latest YouTube Videos with RSS](https://techsquidtv.com/blog/astro-fetching-youtube-videos-with-rss/) by ? - 📄 [Thoughtworks 2024 Technology Rader](https://www.thoughtworks.com/radar/languages-and-frameworks/summary/astro) by thoughtworks - 📄 [How to use Astro-Font](https://banneryear.notion.site/How-to-Use-Astro-Font-to-Optimize-Local-Font-Loading-in-Astro-and-Tailwind-Projects-d5ddc5f4e13e4182b81208f81a0c61ff) by ? - 📄 [Step-by-step guide to a custom newsletter form with Astro, React, and ConvertKit](https://www.robcipolla.co.uk/blog/step-by-step-guide-to-building-a-custom-newsletter-subscription-form-with-astro-react-and-convertkit) by @robcipolla - 📄 [Django to Astro: Migrating a Django Portfolio to Astro.js](https://blogthedata.com/post/migrating-portfolio-from-django-to-astro-js/) by @jsolly - 📄 [How to create a Tab component with Tailwind CSS and AlpineJS](https://lexingtonthemes.com/tutorials/how-to-create-a-tab-component-with-tailwind-css-and-alpinejs/) by @mike_andreuzza - 📄 [How to create a Theme toggle with Tailwind CSS and AlpineJS](https://lexingtonthemes.com/tutorials/how-to-create-a-theme-toggle-with-tailwind-css-and-alpine-js/) by @mike_andreuzza - 📄 [How to deploy Astro to AWS Elastic Beanstalk](https://www.launchfa.st/blog/deploy-astro-aws-elastic-beanstalk) by @rishirajjain ### 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/hkbertoson/astro-turnstile by @chaosbite - a simple way to add a turnstile to your Astro site ### 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/agency02/ by @alpeshnakrani ### Personal/Professional/Project Sites <!-- Format: { url: '', title: ''}, { url: 'https://example.com', title: '@name/org'}, --> { url: 'https://www.siddharth.codes', title: '@siddharthsuresh'}, { url: 'https://e-csoport.hu/', title: '@petrovicz'}, { url: 'https://vrtuedigital.com/', title: '@nenadvr'}, { url: 'https://teneightstudios.net/', title: '@hallux'}, { url: 'https://space.rolandfranke.nl/' title: '@rol4nd909'}, { url: 'https://www.sweenystudio.com/', title: '@mac.dev'}, { url: 'https://www.sobstvennoai.dev/', title: '@soslan117'}, { url: 'https://sbirb.netlify.app/', title: '@sarah11918'}, { url: 'https://shankarux.com/', title: '@shankarux'}, { url: 'https://portfolio.quinck.io/', title: '@samuvello'}, { url: 'https://vanitysuds.com/', title: '@e92jonah'}, { url: 'https://textquery.app/tools/visualize/', title: '@ShubhamJain'}, { url: 'https://lets-play-alpha.netlify.app/', title: '@ryanjames1729'}, { url: 'https://www.launchfa.st/free-tools/markdown-live-preview-generator', title: '@rishirajjain'}, { url: 'https://deno.re/', title: '@boywithkeyboard'}, { url: 'https://faith.tools/', title: '@cameronpak'}, ### Starlight in the wild <!-- Format: { url: '', title: ''}, { url: 'https://example.com', title: '@name/org'}, --> { url: 'https://docs.fontawesome.com/', title: 'Fontawesome'}, { url: 'https://schematics.pbuilder.dev/frameworks/astro/', title: 'Schematic Docs'}, { url: 'https://schalkneethling.github.io/html-comprehensive-guide/', title: '@schalkneethling'}, <!-- 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 -->