diff --git a/src/content/blog/whats-new-september-2024.mdx b/src/content/blog/whats-new-september-2024.mdx new file mode 100644 index 000000000..825bc89d9 --- /dev/null +++ b/src/content/blog/whats-new-september-2024.mdx @@ -0,0 +1,173 @@ +--- +title: "What's new in Astro - September 2024" +description: "September 2024 - Beta 5.0, Astro Storefront, $100,000 Ecosystem Fund update, and more!" +publishDate: "September 30, 2024" +authors: + - sarah +coverImage: "/src/content/blog/_images/whats-new-shared.webp" +socialImage: "/src/content/blog/_images/whats-new-september/og.webp" +lang: "en" +startDate: "2024-09-01" +endDate: "2024-10-01" +--- +import MonthlyShowcaseGrid from './_whats-new-components/MonthlyShowcaseGrid.astro'; +import ShowcaseGridById from './_whats-new-components/ShowcaseGridById.astro'; +import ThemeGrid from './_whats-new-components/ThemeGrid.astro'; +import YouTubeGrid from './_whats-new-components/YouTubeGrid.astro'; + +Some exciting news from around the Astro ecosystem this month. Let's dive in! + +## Updates from Mission Control + +- 🤿 [Content Layer API deep dive](/blog/content-layer-deep-dive/) +- 🛍 [Astro Storefront](https://github.com/withastro/storefront/) +- 🌟 [Swagger docs now built with Astro & Starlight](https://swagger.io/docs/) + +## Releases + +- Astro [5.0 beta](https://astro.build/blog/astro-5-beta/) +- Starlight [0.27](https://github.com/withastro/starlight/releases/tag/%40astrojs%2Fstarlight%400.27.0), [0.28](https://github.com/withastro/starlight/releases/tag/%40astrojs%2Fstarlight%400.28.0), and [highlights of the last few major releases](https://astro.build/blog/starlight-028/) + +## Community + +Astro wouldn’t be what it is without its community. From Discord support, to documentation improvements, to translations, to code contributions, Astro welcomes it all. + +{/* ### Astro Team News + +We are pleased to welcome our newest Astro maintainer @LorenzoLewis! Thank you for your contributions and camaraderie, and welcome aboard, astronaut! 🫡 */} + +### Community Awards August + +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: + +- 🌟 $500 to @Fryuni for amazing contributions to all corners of the Astro ecosystem. +- 🚀 $250 to @ph1p for valuable contributions to Astro's core packages. +- 🎈 $250 to @dragomano for fantastic contributions to Starlight translations. +- 🎊 $250 to @ArmandPhilippot for outstanding contributions to docs. +- 🧁 $250 to @Nin3lee for exceptional effort translating docs. + +Check them out and learn more about the Astro Community Awards on [our community website](https://community.astro.build). + +### $100,000 Astro Ecosystem Fund Fall Update + +Congratulations to the latest recipients of Astro's ecosystem grants! Check out these projects that have made a huge impact: + +- 🖌 @hippotastic ($10,000) for work on the [Expressive Code](https://expressive-code.com/) advanced syntax highlighter that powers many Astro websites, and is built-in to Starlight by default! +- 👜 @martrapp ($5,000) for work on [VTBOT (View Transitions Bag of Tricks)](https://events-3bg.pages.dev/) exploring the bleeding edge of view transitions in Astro and the larger web platform, with pre-built components you can use, examples, demos and more! + +Read the full [Ecosystem Fund fall upate](https://astro.build/blog/astro-ecosystem-fund-update/) for more details. + +## Showcase + +### Content + + +Here's what caught our attention this month: + +- 📶 A growing list of [content collections loaders](https://github.com/search?q=%22astro-loader%22&type=repositories&s=updated&o=desc&p=1) on GitHub for you to try! +- ⚡ We had some SSRious fun with [Docs on Demand](https://starlight-ssr.netlify.app/), a demo site of server-rendered Starlight docs showcasing auth, personalized content, and more! (Which Houston did you pick??) +- ⏱ [Shattering Headless WordPress Build Times with Astro's Content Layer API](https://andrewkepson.com/blog/headless-wordpress/build-time-astro-content-layer-api/) +- 👅 Bytes.dev covered the Beta 5 release and [Astro's Hybrid Theory](https://bytes.dev/archives/324). +- 🌇 Find out how the community project [StudioCMS is Thriving Beyond Astro Studio](https://studiocms.xyz/blog/goodbye-astro-studio). +- 📚 See [how Cloudflare manages their new Starlight docs](https://www.youtube.com/watch?v=CSmeOy_0VMY) and read a retrospective on using [Astro for documentation sites: insights after 6 months](https://maciekpalmowski.dev/blog/astro-for-documentation-sites-insights-after-6-months/). + +Because you can never get tired of Astro, here's even more community content! + +- [How to create an Astro tabs component](https://elazizi.com/posts/how-to-create-an-astro-tabs-component/) +- [Create an Automated Portfolio Using GitHub and Astro](https://casraf.dev/2024/08/create-an-automated-portfolio-using-github-and-astro/) +- [From Gatsby gridlock to Astro bliss: my personal site redesign](https://jwn.gr/posts/migrating-from-gatsby-to-astro/) +- [Built with Astro, Crystallize, and Stripe (Nerd Streetwear Online Store)](https://dev.to/cookieduster_n/built-with-astro-crystallize-and-stripe-nerd-streetwear-online-store-part-i-15a) +- [Using the LaunchDarkly CLI Local Development Server: Testing Client-Side and Server-Side Flags in an Astro Application](https://launchdarkly.com/blog/test-feature-flags-astro-launchdarkly-cli-local-dev/) +- [SSG Astro with Headless Craft CMS Content Fetched At Build Time Or Cached In Advance](https://www.olets.dev/posts/ssg-astro-with-headless-craft-cms-content-fetched-at-build-time-or-cached-in-advance/) +- [Using Astro server islands and Cloudflare geo headers for dynamic region-based content](https://www.blackspike.com/blog/astro-server-islands-cloudflare-geolocation/) +- [Deploying Astro Actions on Cloudflare](https://alexweberk.com/blog/astro-actions-on-cloudflare) +- [Streaming a file in Astro](https://astropatterns.dev/p/gems/server-endpoints-file-streaming) +- [Building a GitHub Discussions Powered Blog](https://mattbrailsford.dev/building-a-github-discussions-powered-blog) + + + +### Tips & Tools + +The latest community-built utilities and integrations to help you build with Astro. + +- [Full dev UI](https://ui.full.dev/) - The Astro UI library to build content sites with prebuilt components and blocks. +- [Bag of Tricks: ``](https://events-3bg.pages.dev/library/ElementCrossing/) - For smoother and smarter cross-document view transitions. +- [Astro dts builder](https://www.npmjs.com/package/@matthiesenxyz/astrodtsbuilder) - For generating TypeScript declaration files for Astro Integrations. +- [`astro-minify-html`](https://www.npmjs.com/package/@jcayzac/astro-minify-html) - Minifies Astro's generated HTML, including inline scripts & styles. +- [`zastro-service-worker`](https://www.npmjs.com/package/zastro-service-worker) - An Astro integration that adds service worker functionality to your Astro project, powered by Workbox. +- [`astro-turnstile`](https://www.npmjs.com/package/astro-turnstile) - An Astro integration that allows you to add a turnstile to your Astro site. +- [GitHub repo loader](https://gist.github.com/kevinzunigacuellar/78c7e7a226beedc09d00d9bc6a8bba77) - A content collections loader for GitHub repos. +- [Bag of Tricks: ``](https://events-3bg.pages.dev/library/TurnSignal/) - Create distinct animations for forward and backward navigation. +- [Astro Test Utils](https://inox-tools.fryuni.dev/astro-tests) - Tooling for testing your own Astro Integrations and libraries. +- [Cut-Short](https://inox-tools.fryuni.dev/cut-short) - A simple tool for ending requests early with a custom response. + +### Themes & Templates + +Several new Astro themes were added to the [Astro theme directory](https://astro.build/themes/) this month. Try them out! + + + +### Websites + +{/* +Sites of the month: + +- https://web-about-satellites.vercel.app/ +- See live, updating trends and stats about GitHub repositories at [gitcharts](https://gitcharts.com/). GitHub, visualized. +- Make your next destination Astro's own [Server Islands Demo](https://server-islands.com) to learn more about this new, experimental feature. + +export const monthlySites = [ + 'music.manz.dev.md', + 'gitcharts.com.md', + 'server-islands.com.md' +]; + + + + */} + +Looking for some inspiration? See all the community member websites submitted to our Discord `#showcase` channel and featured on community calls this month. + + + +### Starlight in the wild + +It's always exciting to stumble across more docs built with Starlight. Here's what our community noticed this month: + + + +*Want to be on this list next month? Post your Astro websites, projects, apps, tools, blog posts, demos, and videos in our `#showcase` channel in [our Discord](https://astro.build/chat)!* diff --git a/src/content/showcase/www.surfskate.party.webp b/src/content/showcase/www.surfskate.party.webp index 6de77d458..e54e32fb3 100644 Binary files a/src/content/showcase/www.surfskate.party.webp and b/src/content/showcase/www.surfskate.party.webp differ