An open API service indexing awesome lists of open source software.

https://github.com/dj1samsoe/dhanai-platform

Build a SaaS AI Platform with Next.js 13, React, Tailwind, Prisma, Stripe
https://github.com/dj1samsoe/dhanai-platform

Last synced: 2 months ago
JSON representation

Build a SaaS AI Platform with Next.js 13, React, Tailwind, Prisma, Stripe

Awesome Lists containing this project

README

        

# Build a SaaS AI Platform with Next.js 13, React, Tailwind, Prisma, Stripe

Features:

- Tailwind design
- Tailwind animations and effects
- Full responsiveness
- Clerk Authentication (Email, Google, 9+ Social Logins)
- Client form validation and handling using react-hook-form
- Server error handling using react-toast
- Image Generation Tool (Open AI)
- Video Generation Tool (Replicate AI)
- Conversation Generation Tool (Open AI)
- Music Generation Tool (Replicate AI)
- Page loading state
- Stripe monthly subscription
- Free tier with API limiting

### Prerequisites

**Node version 18.x.x**

### Cloning the repository

```shell
git clone https://github.com/dj1samsoe/dhanAI-platform.git
```

### Install packages

```shell
npm i
```

### Setup .env file

```js
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 Prisma

Add MySQL Database. I used [PlanetScale](https://planetscale.com/)

```shell
npx prisma db push

```

### Start the app

```shell
npm run dev
```