Happy Tuesday, Astronauts!
The age of “spatial computing” has arrived. Who among you will be the first to read Astro Weekly on the Apple Vision Pro I wonder?
Back here in the real world, you may have heard Astro has launched its very own official monthly newsletter, dubbed The Astro Post. But don’t worry, your weekly Astro fix is here to stay, bringing you all the latest updates from across the community and more to your inbox each week.
On that note, let's check out what’s been happening.
This week in Astro ✨
Astro 4.3 released ⚡️
Can’t stop, won’t stop. The releases just keep on coming; Astro 4.3 is now available.
Astro 4.3 introduces an experimental feature called domains i18n configuration. This feature allows you to assign different domains or subdomains to support various locales for your website. For instance, you can designate example.com for English, fr.example.com for French, and so on.
You can map specific locales to corresponding domains or subdomains in your astro.config.mjs file like so:
// astro.config.mjs
import {defineConfig} from "astro/config"
export default defineConfig({
site: "https://example.com",
output: "server", // required, with no prerendered pages
adapter: node({
mode: 'standalone',
}),
i18n: {
defaultLocaLe: 'en',
locales: ['en', 'es', 'pt_BR', 'pt', 'fr'],
domains: {
fr: "https://fr.example.com",
es: "https://example.es"
},
routing: {
prefixDefaultLocale: true,
}
},
experimental: {
i18nDomains: true
},
})Head on over to the official Astro blog for all the details on Astro 4.3, including improvements to working with your build output, component prop types, Markdown images, and more.
Astro Community 🧑🚀
The best framework deserves the best images
Optimize Astro images with Unpic 🏞️
Unpic, an open-source toolkit for displaying images on the web, has rolled out significant enhancements to its Astro integration.
While Unpic has provided a native image component for Astro for almost a year, these latest updates introduce an integrated image service. This means developers can seamlessly leverage Unpic's responsive, high-performance images without any code modifications.
Furthermore, Unpic will also now automatically generate placeholder images, including dominant color, blurhash, and low-res image, which helps to mitigate large contentful paint times. Nice!
Stand out from the crowd
Automate Open Graph images 🦑
Open Graph images are a great way to help your shared links stand out and attract more attention from users scrolling through their feeds.
Kyle Tryon explains how to automate this process for each blog post in Astro using React and Satori. Enjoy those improved click-through rates!
If you have something awesome you’d like to share with the Astro community, you can reach me at [email protected] or via DM on X
Astro on X 💫
What’s happening on Twitter X this week…
Direct link for web version:
https://twitter.com/BHolmesDev/status/1753920054603685927
Astro Showcase 🤩
A smashing collection of developer tools
This week’s Astro Showcase comes from Nedim Arabacı, a Software Development Manager from Turkey.
Smashing Tools is a curated collection of the best starter kits, UI components & design kits for developers. Smashing Tools isn't just about finding resources either; it's about sharing your innovations too.
As an open-source project, you’re invited to submit smashing tools of your own to be featured among the best.
Other Astro projects in orbit 🪐
More great Astro projects worth checking out! ↓
Would you like your work to be featured in our Astro Showcase? Get in touch at [email protected] or DM me on X
Beyond the Astrosphere 🪐
What caught my eye outside of Astro this week…
SVG Doodles — a free library of 200+ one-click copy-and-paste SVGs
AnimateCode — neat tool for creating animated code examples
Code + Apple Vision Pro — what’s it like to be a developer in the age of spatial computing?
That’s everything we have for this week, folks!
Remember, if you’d like to have your work featured in Astro Weekly, you can reach me at [email protected] or via DM on X.
Enjoy your week, Astronauts!
– Nathan 🧑🚀
