Welcome to the repository for the Omni AI SaaS Platform, a fully-featured, scalable application built using Next.js 13, React, Tailwind CSS, Prisma, Stripe, and more. This platform serves as a comprehensive example of how to create a SaaS product offering a variety of AI-based tools.

• 🎨 Tailwind CSS Integration: Beautiful UI with Tailwind's utility-first CSS framework
• 🎥 Dynamic Animations: Eye-catching animations and effects using Tailwind
• 📱 Responsive Design: Full mobile responsiveness
• 🔒 Clerk Authentication: Support for Email, Google, and 9+ Social Logins
• ✅ Client-Side Validation: Using react-hook-form for robust form handling
• 🍞 Toasts for Error Handling: Utilizing react-toast for server error notifications
• 🖼️ Image Generation Tool: Powered by OpenAI
• 📹 Video Generation Tool: Powered by Replicate AI
• 💬 Conversation Generation Tool: Powered by OpenAI
• 🎵 Music Generation Tool: Powered by Replicate AI
• 🔄 Page Loading State: Elegantly handle loading states
• 💳 Stripe Subscription: Monthly subscription payments
• 🆓 Free Tier: API request limiting for free-tier users
• 🛠️ API Route Handlers: POST, DELETE, and GET routes with Next.js
• 📦 Server Data Fetching: Direct database access in server components (Magic!)
• 🔄 Server-Client Relations: Seamless interaction between Server and Child components
• 🎯 Reusable Layouts: Easily reapply common UI layouts
• 📂 Structured Folders: Organized Next.js 13 folder structure

• Node.js v18.x.x installed

git clone https://github.com/marvintv/omni-ai-saas-tool

Navigate to the project directory and run:

npm install

Create a .env file at the root of the project and add the following:

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=

NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/dashboard
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/dashboard

OPENAI_API_KEY=
REPLICATE_API_TOKEN=

DATABASE_URL=

STRIPE_API_KEY=
STRIPE_WEBHOOK_SECRET=

NEXT_PUBLIC_APP_URL="http://localhost:3000"

Setup your MySQL Database (For demonstration, PlanetScale is used):

npx prisma db push

npm run dev

For more information and tutorials, please visit our website.

Feel free to contribute and submit issues or pull requests. Thank you for checking out the Omni AI SaaS Platform! 🚀