installing shadcn with wasp
How can I install shadcn with the latest version of wasp?
3 Replies
Hi @hadanator. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
To install shadcn/ui with the latest version of Wasp, you can follow a community-provided guide that has been successfully used with Wasp 0.12 and 0.13. The process requires some manual steps, as the typical npx-based installation does not work out-of-the-box in Wasp projects. Here’s how you can proceed:
1. Follow the Community Gist:
A detailed step-by-step guide is available here: How to use shadcn/ui with Wasp. This gist explains how to manually set up shadcn/ui in your Wasp project, including copying over the necessary files and configuring imports. 2. Manual Setup:
Since Wasp projects do not have a root-level package.json by default, you’ll need to manually add the required dependencies and component files as described in the gist. 3. Success Reports:
Community members have reported success with this approach on Wasp 0.12 and 0.13, including with the Open SaaS template. If you encounter issues, restarting your development environment or computer has resolved some problems for others. 4. Alternative Libraries:
If you run into persistent issues, other component libraries like Chakra UI and NextUI are known to work well with Wasp and may be easier to integrate. If you need more help, you can share specific errors or issues you encounter, and the community can assist further. But the gist above is currently the best available resource for integrating shadcn/ui with the latest Wasp versions see discussion and gist link. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ---------------------- Sorry @hadanator, 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?
A detailed step-by-step guide is available here: How to use shadcn/ui with Wasp. This gist explains how to manually set up shadcn/ui in your Wasp project, including copying over the necessary files and configuring imports. 2. Manual Setup:
Since Wasp projects do not have a root-level package.json by default, you’ll need to manually add the required dependencies and component files as described in the gist. 3. Success Reports:
Community members have reported success with this approach on Wasp 0.12 and 0.13, including with the Open SaaS template. If you encounter issues, restarting your development environment or computer has resolved some problems for others. 4. Alternative Libraries:
If you run into persistent issues, other component libraries like Chakra UI and NextUI are known to work well with Wasp and may be easier to integrate. If you need more help, you can share specific errors or issues you encounter, and the community can assist further. But the gist above is currently the best available resource for integrating shadcn/ui with the latest Wasp versions see discussion and gist link. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ---------------------- Sorry @hadanator, 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?
The bot is right on point (1), the gist is the way to go
Is that useful?
Yup that was very helpful. I had seen the gist separately, but the bot confirmed that it was the preferred way currently. Good bot.