Building a design system in Next.js with Tailwind!

22,257
0
Published 2023-01-04

All Comments (21)
  • Awesome video Tru!!! Excited for the next vid NEXT WEDNESDAY
  • @iamprincemuel
    This was interesting and insightful. I will be integrating this into my current setup workflow
  • This is awesome! I literally implemented something like this from scratch using a theme file full of json and then read a theme string i passed in. This does the same thing so much cleaner and is WAY more maintainable. I'll def adding this to the codebase i'm currently building out.
  • Hey mewtru, thanks for making another great video on design systems in NextJS with TailwindCSS & StorybookJS! It would be lovely to see your approach and workflow on a new (example) project with the tools presented. Stuff like: What boilerplate do you typically use? Which components do you build with CVA and what your rule of thumb to do it rather than going for plain TailwindCSS? For which components do you write storybooks and what is the rule of thumb on including a component? How to include complex and/or multi-step forms in Storybook?
  • omg you rock!!! Getting more sophisticated with component abstractions (if that's the right way of putting it) has been a real hurdle for me. Haven't found anyone explaining and demoing this as clearly as you!! You've just got a new superfan :)))
  • @norliegh
    This is really cool & now I can finally build some good components. Can we have some awesome videos up next on design and maybe even typescript magic!! This was helpful. Thank You! ✨
  • Thank you for this great video, loved your first one unless I missed others. But can we have some more as this is so inspirational
  • @ShakirSamoon
    Wow your explanation is on point. Great stuff. And love your vscode pet 😄
  • @krumbo
    Very useful content. Subscribed.
  • @k-mal184
    Content game on 🔥 Great vid Tru
  • @CanRau
    This is so nice in UnoCSS they have groups so you can do md:(w-full border-4) etc