New blog post: “Conditional JSX in Astro”.

https://blog.kizu.dev/conditional-jsx-in-astro/

This is me documenting the way I am handling some of the more complex conditional rendering in Astro’s JSX. Well, not strictly _JSX_ — but its “Component Template” part of `.astro` components and assigning them to variables.

#withAstro #AstroJS

Conditional JSX in Astro

This is me documenting the way I am handling some of the more complex conditional rendering in Astro’s JSX. Well, not strictly _JSX_ — but its “Component Template” part of `.astro` components and assigning them to variables.

Anyone using #WithAstro willing to help a noob?

I am setting up a website with two pages A.mdx and B.mdx. I want to put a link to page B on page A. But of course I don't want to hardcode the whole site's URL, I want to put a relative link.

I tried to use Astro.url from page A, but the Astro context object is only available in .astro files. I was thinking I could inject the URL base path into the page from outside of it, but it doesn't actually seem possible to inject data into mdx files?

How would you go about putting relative links in your pages?

I migrated my website from Jekyll to Astro over a year and a half ago. Here's how it went.

https://tommyoldfield.co.uk/blog/migrating-from-jekyll-to-astro/

#jekyll #withastro

Migrating from Jekyll to Astro - Tommy Oldfield, Full-Stack Web Developer from Dundee, Scotland

Our second @astro integration is available in Astro integrations library.

It's a simple utility that handles trailing slashes in URLs when using trailingSlash config option.

Check it out at https://github.com/ReunMedia/astro-normalize-trailing-slash

#withastro

GitHub - ReunMedia/astro-normalize-trailing-slash: Normalize trailing slashes in URLs to match Astro project's trailingSlash config

Normalize trailing slashes in URLs to match Astro project's trailingSlash config - ReunMedia/astro-normalize-trailing-slash

GitHub

Any Astro devs curious about Nuxt 4?

We've been itching to try out the alpha, so we recreated our blackspike Astro theme to Nuxt and blogged about the process.

https://www.blackspike.com/blog/converting-an-astro-website-to-nuxt-4/

#nuxt #nuxt4 #astro #withastro @astro @nuxt

Converting an Astro 5 website to Nuxt 4, or: Nuxt vs Astro for Astro developers

We released a free Astro theme using the experimental fonts api, image components and imported SVGs. This is how we recreated it in Nuxt 4 alpha.

Hey, #withastro users,

Are there any best practices, guides or similar on build setups for combining multiple astro projects in one?

I have a website with a main page (radiki.dev)

a blog (radiki.dev/blog)

and multiple subprojects ( radiki.dev/project1, radiki.dev/project2 etc)

All these share some components and CSS, but they also have their own.

I guess I can make do with Makefiles or shell scripts, I was just wondering if there is a more idiomatic solution.

#astrojs #webdev

https://prass.tech/blog/upgrading-astro-to-5/

Upgrading to Astro 5 has not been effortlessly but it was a good upgrade experience nonetheless. For a blog as small as mine the changes were minimal.

#withastro #amblogging

Upgrading Astro to Version 5 - prass.tech - prass.tech

A new major version of Astro has landed a while ago and it's time for me to upgrade this website.

I upgraded my personal website to Astro v5! 🥳

The upgrade didn't break anything on my site. I converted my content collections to the new Content Layer API anyway and updated the Typescript configuration.

Switching my content collections to the Content Layer API briefly changed the dynamic routes for my notes and articles. However, the issue magically fixed itself, probably by me restarting the dev server. Everything else went smoothly!

#withAstro #AstroJS

Vite 6.0 is out!

Vite 6 Release Announcement

vitejs

added a lightbox component to my blog using glightbox and tested it out with some photos from a trip to the Sali Pazari market in #istanbul yesterday. seems to work well! #withastro @astro

https://felix.gripe/blog/sali-pazari/

https://github.com/biati-digital/glightbox

Salı Pazarı | felix.gripe

The Tuesday Market. An interesting and chaotic covered market selling fruit, veg, spices and clothes. A great deal of yelling and banter and smells. Fun!