AI SaaS Platform with Next.js 13 App Router

Introduction

Welcome to the AI SaaS Platform project, where we leverage the latest Next.js 13 App Router to create a state-of-the-art platform with five AI tools. This project not only focuses on building an efficient and user-centric application but also provides a comprehensive learning experience for developers of all levels.

Project Overview

In this project, we will build a sophisticated AI SaaS platform integrating the following technologies:

• Next.js 13 App Router: For intricate client-side routing.
• React: As the foundational JavaScript library for building the user interface.
• Tailwind CSS: For modern and responsive styling.
• Prisma: As the ORM for database management.
• MySQL: For data storage.
• Clerk: For authentication.
• Stripe: For seamless subscription billing.
• OpenAI and Replicate AI: For implementing AI functionalities.

Features

1. Environment Setup: Initial setup of the development environment.
2. Folder Setup: Structuring the project folders.
3. Clerk Authentication: Implementing user authentication with Clerk.
4. Sidebar: Creating a responsive sidebar for navigation.
5. Dashboard: Building the main dashboard interface.
6. AI Tools:
   • Conversation AI
   • Code Generation AI
   • Image Generation AI
   • Music Generation AI
   • Video Generation AI
7. API Limit Handling: Managing API usage limits.
8. Pro Modal UI: Creating a user interface for Pro features.
9. Stripe Integration: Setting up Stripe for subscription billing.
10. Error Handling & Customer Support: Integrating Crisp for support.
11. Landing Page: Designing an attractive landing page.
12. Deployment: Deploying the application to production.

Getting Started

Follow these steps to set up and run the project locally:

1. Steps to run:

   git clone https://github.com/DHAVAL-TANK/ai-saas.git 
   npm install
   npm run dev
   
   

Open the application: Visit http://localhost:3000 in your browser.

Acknowledgements Special thanks to the creators of Next.js, React, Tailwind CSS, Prisma, MySQL, Clerk, Stripe, OpenAI, and Replicate AI for their amazing tools and frameworks. Contact For any questions or suggestions, please open an issue or reach out to the project maintainers.