Running Nextjs 13.5.3 and Mantine 7.1.0 and recently upgraded my project from V6. When using V6 I predominantly used the sx prop for styling as I had done for the last ~18 months I'd happily been using Mantine. Since moving to V7 I am using Vanilla Extract.
The landing page for my project, which has no data fetching on the server or client side, now takes ~29 seconds to compile in local dev. It's absolutely infuriating. I'm not sure exactly what is causing this but the developer experience is terrible and I need to solve this or use something else.
#Anyone else finding Nextjs with Mantine V7 extremely slow now?
8 messages ยท Page 1 of 1 (latest)
It's probably due to vanilla extract. Last I checked, it was sub 4s for me (using modules css). 1.4s (using tailwind)
Yea I suspect you're right. I came from the Emotion based styling in V6 so was trying to set up something as close to that as I could.
v6 styles api is the goat. the only thing that comes close for me is tailwind via the classes api. i can understand that may not be your preference. so hopefully you come to another solution. ๐
Unfortunate if this is actually the case, was hoping to use Vanilla Extract as well
I think if I have to give up Emotion I'd probably just use boring old CSS modules. I really don't want to have to learn Tailwind lol
Well let's just say that I took one for the team and upgraded my entire current project to V7 with Vanilla Extract in order to be the test case ๐
And I'm now reporting back to say don't do it haha
Out of interest. Have you tried an MVP? I.e with a fresh install of NextJS, VE and Mantine and create a simple page with 1 css style and apply it to the page. Do you still get 29 seconds of compile time?
Just to eliminate that it's not something else you have going on?