Using Open SaaS with V0.dev (shaden UI)
I've set up Open SaaS for my project on site-engineer.com.au and am now focusing on building the front end. Since I'm not a front-end developer and want to get the MVP out quickly, I'm looking into using V0.dev for designing my pages, specifically within the Open SaaS template. Has anyone here used V0.dev with the Open SaaS template for rapid front-end development? I'd appreciate any tips or insights on how to best approach this while ensuring a professional and cohesive look for my site. Thanks in advance!
20 Replies
Hi @khb. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Hmm, I don't know enough to give you a confident answer yet. The knowledge sources provided do not contain any specific information about using V0.dev with the Open SaaS template in Wasp. However, Wasp is designed to work well with React and it doesn't interfere much with your UI, so it's likely that you can use V0.dev or any other React-based UI library or tool with some tweaking.
For modifying the styling of the Open SaaS template, you might find it helpful to understand that all the Admin Dashboard code is in
src/client/admin source (https://discord.com/channels/686873244791210014/1220792321805647872). Also, Open SaaS uses Tailwind CSS for styling, so you might want to check if V0.dev supports Tailwind CSS or if you can integrate it source (https://discord.com/channels/686873244791210014/1204153431019753512).
For more specific guidance, I would recommend reaching out to the Wasp community or the V0.dev support. You can also check out the Wasp documentation (https://wasp-lang.dev/docs) for more information on how to work with Wasp.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
Sorry @khb, I seem to be having a bit of trouble. Don't worry though, I've pinged my support and they will try to fix me up! :technologist:
Perhaps try again in 15mins?you need to import the comonents of shadcn to use v0 generated component
what errors do you get?
Gist
Using ShadCN with Wasp 0.12+
Using ShadCN with Wasp 0.12+. GitHub Gist: instantly share code, notes, and snippets.
refer to this
on how to use shadcn in wasp
Okay thanks for the refrence, im thankful for your help and will get back to you tomorrow as its late here in Australia and im off to bed.
yeah cool
Hey @Sven, thanks for helping out
Yeah, that link is definitely a good resource
@miho Look at this, people sharing your recipes between each other. Great success!
Bootleg docs are the best docs 😂
Hey team, do you have plans to support ShadCN natively? Because I have done two WASP projects lately using v0 and it is a little bit cumbersome going through all that, specially if you keep adding new components. Thank you!
We have plans to add support for tsconfig alises in the future, so the ShadCN would be complete 🙂
Awesome, that's great for newbies like me. Thanks 🙏
I think wasp is amazing cant recommend it enough
Wohooo @khb, you just became a Waspeteer level 2!
So glad to hear! What was most useful? 🙂
As someone who has not much experience coding, however i have experience in another industry (mechanical engineering) it was really good was for me to learn skills, then we i needed to do harder things like use actions, the documentation was amazing at helping me to do that. I also think the documentation on how to set up all the api keys was invaluable. Excited to show the first version of my mechanical engineering caculation off for some constructive feedback soon!!! 😁💪💪
Crazy engineer here too
Let me know man
Finite element method software???
Its more design by standards, but we want to include FEA in a later version.
Nicenice
Sneakpeak?
When im back from my shift on friday, ill upload it to fly.io and send you the link. 😀😀
cool man