How to customize the wasp SaaS template
How to customize the wasp SasS Template
5 Replies
Hi @Navita. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
To customize the Wasp SaaS template, you have a few options:
1. Start with the full template and remove parts you don't need:
As suggested by a community member, you can begin with the complete OpenSaaS template and then remove the features you don't require Discord support thread (https://discord.com/channels/686873244791210014/1220792321805647872).
2. Modify specific components:
If you're looking to customize particular parts of the template, such as forms in the admin dashboard, you can find the relevant code in specific directories. For example, all the Admin Dashboard code is located in
src/client/admin Discord support thread (https://discord.com/channels/686873244791210014/1220792321805647872).
3. Customize the app configuration:
You can modify various aspects of your app by adjusting the app declaration in your main Wasp file. This includes changing the app title, adding additional lines to the head, or configuring other app-wide settings Docs > Project > Customizing the App (https://wasp-lang.dev/docs/project/customizing-app).
4. Implement custom forms and authentication:
If you need more control over specific features like authentication, you can implement your own forms using Wasp's lower-level primitives instead of using the pre-built components Discord support thread (https://discord.com/channels/686873244791210014/1189296190924267551).
Remember that the SaaS template comes with many features out of the box, including Stripe Payments, OpenAI GPT API, Google Auth, SendGrid, Tailwind, and Cron Jobs Docs > Project > Starter Templates > Available Templates (https://wasp-lang.dev/docs/project/starter-templates#available-templates). You can keep or remove these features as needed for your project.
If you encounter specific issues or need more detailed guidance on customizing particular aspects of the template, it's best to ask more targeted questions or consult the Wasp documentation for in-depth information on each feature.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
Sorry @Navita, 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?This is a very general questions, what specifically you want to change?
If you are new to Wasp, I'd suggested checking the Wasp tutorial first - to understand the basics first: https://wasp-lang.dev/docs/tutorial/create
Then I'd advise to read through the Open Saas docs for more info: https://docs.opensaas.sh
I would like to redesign the header, put logo, change colours, add columns,
Wohooo @Navita, you just became a Waspeteer level 1!
Open Saas is based on Wasp which is a full stack framework that uses Node.js + React + Postgres in the background.
So, you'll need React knowledge to customise the visual bit of the template 🙂