Style library and component library for the new NextJS project
HI guys, I am doing research for a stack of new projects in a new company.
Commonly so far we have mostly used React with Antd and Styled Components. Now we have decided to switch to Next.js. I guess that Styled Components are out? I put up a quick test project and it seems that I have to add 'use client' to every component that uses styled-component, probably because SSR doesn't support runtime css-in-js. Do you know how SSR's compatibility is with Antd? Have you had any problems regarding this in your companies? Do you recommend what works well as a style library? I've seen some suggestions like Linaria, but it doesn't seem to be widely supported anymore. Can you tell us what stacks you use in your companies? Thanks!
3 Replies
Shadcn
Chakra UI
I would recommend switching to Tailwind and some UI library built on top of it. I feel like a lot of people here will tell you something similar 🙂
Shadcn is good, you can go with TailwindUI as well (although it's a paid product, IMO it's worth it, they keep expanding).
pandacss if you want css in js, or use tailwind