What We’re Building
A project management SaaS with:- User authentication (signup, login, logout)
- Dashboard with projects overview
- Project creation and management
- Team collaboration
- Subscription billing with Stripe
Prerequisites
- Kleap account
- Supabase account (free)
- Stripe account (for payments)
Step 1: Start with Template
Start with the SaaS template for a head start:- Create new app
- Select SaaS Template
- Name your project
- Authentication setup
- Dashboard layout
- Basic pages
Step 2: Customize the Landing Page
Step 3: Set Up the Database
Create Tables
Step 4: Build the Dashboard
Projects List
Project Detail Page
Create Project Modal
Step 5: Task Management
Task Card
Add Task
Task Actions
Step 6: Team Features
Invite Team Members
Assign Tasks
Step 7: Stripe Integration
Connect Stripe
- Get Stripe API keys
- Add to environment variables:
Create Subscription Flow
Manage Subscription
Step 8: Polish
Loading States
Empty States
Responsive Design
Step 9: Launch
Pre-Launch Checklist
- All pages load without errors
- Auth flow works completely
- Database operations work
- Stripe checkout works
- Mobile layout is usable
- Environment variables set for production
Deploy
- Click Publish
- Test on production URL
- Connect custom domain (optional)
Complete Prompts Summary
Here’s the key prompts in order:- Landing page customization
- Database schema creation
- Projects dashboard
- Project detail page with Kanban
- Task management features
- Team invitation system
- Stripe subscription integration
- Polish and responsive design
Next Steps
After launch:- Add more features based on user feedback
- Set up analytics to track usage
- Create onboarding flow for new users
- Add email notifications
Stripe Integration
Detailed Stripe setup guide

