mui / base-ui

Base UI is an open-source library of accessible, unstyled UI components for React.
https://mui.com/base-ui/
MIT License
241 stars 43 forks source link

[examples] add example for astro #23

Open dohomi opened 1 year ago

dohomi commented 1 year ago

Duplicates

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!

mj12albert commented 1 year ago

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

possibilities commented 9 months ago

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

LautaroLobo12 commented 1 month ago

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

Sajgoniarz commented 1 week ago

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.

colmtuite commented 1 week ago

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

Sajgoniarz commented 1 week ago

@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 ;)