base-ui icon indicating copy to clipboard operation
base-ui copied to clipboard

[examples] add example for astro

Open dohomi opened this issue 2 years ago • 6 comments

Duplicates

  • [X] I have searched the existing issues

Latest version

  • [X] I have tested the latest version

Summary 💡

I wonder if anyone got MUI up and running with Astro? The SSG and SSR features especially with the island structure is very well thought and I would love to migrate a project to it. But it seems (similar like NextJS app directory) that emotion is kind of a deal breaker here. Did anyone experiment with it and got a project up and running? Thanks!

dohomi avatar Jul 04 '23 06:07 dohomi

In the astro repo there is an issue tracking CSS-in-JS support with some workarounds to make Emotion work – though I'm not familiar enough with Astro to really evaluate if any of them are stable enough for us to offer as an example 😅

However we could totally (and should) try making an example with Astro + Base UI since it doesn't rely on Emotion 😬 CC @samuelsycamore

mj12albert avatar Jul 10 '23 10:07 mj12albert

Will we sidestep all of this when the zero runtime css-in-js solution lands? https://github.com/mui/material-ui/issues/38137

possibilities avatar Dec 20 '23 15:12 possibilities

so we don't have mui support on astro yet?

LautaroLobo12 avatar Aug 30 '24 16:08 LautaroLobo12

Bump. I'll need to migrate project based on Gatsby + MUI to something actually supported soon, and answer will help with figuring out the approach and correct estimation for client.

mnaharnowicz-fp avatar Sep 19 '24 06:09 mnaharnowicz-fp

@Sajgoniarz Have you tried MUI v6 with Pigment CSS (zero-runtime static CSS-in-JS)?

colmtuite avatar Sep 19 '24 10:09 colmtuite

@Sajgoniarz Have you tried MUI v6 with Pigment CSS (zero-runtime static CSS-in-JS)?

No, This is actually my first contact with MUI anyway ;)

mnaharnowicz-fp avatar Sep 19 '24 14:09 mnaharnowicz-fp