I have built a versatile SaaS AI app featuring image and code generation, conversational AI, and music/audio capabilities. It integrates Stripe for payments, Clerk for authentication, and Crisp for chatbot functionality.
1_merged.mp4
DATABASE_URL
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY
CLERK_SECRET_KEY
NEXT_PUBLIC_CLERK_SIGN_IN_URL
NEXT_PUBLIC_CLERK_SIGN_UP_URL
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL
OPEN_AI_API_KEY
NEXT_PUBLIC_APP_URL
REPLICATE_API_TOKEN
NEXT_PUBLIC_STRIPE_SECRET_KEY
STRIPE_PUBLISHABLE_KEY
STRIPE_WEBHOOK_SECRET
POSTGRES_URL_NON_POOLING
First, run the development server:
npm install
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
- NextJS
- CSS (Tailwind CSS)
- Supabase
- Prisma
- PostgreSQL
- ReactJS
- ShadCNUI
- stripe
- crisp
- clerk authentication
- openai
- replicate api
Download or clone this repository.
git clone https://github.com/rohanmittal1163/saas-ai
This project is open source and we are happy to receive contributions. If you would like to contribute, please follow these steps:
- Make a fork of the repository.
- Create a branch for your feature or bugfix (
git checkout -b my-new-feature
) - Commit your changes (
git commit -am 'Added my new feature'
) - Push your branch (
git push origin my-new-feature
) - Create a pull request.