Ai Saas

This is a repository for Build a SaaS AI Platform with Next.js 13, React, Tailwind, Prisma, Stripe | Full Tutorial 2023.

VIDEO TUTORIAL

Features:

• Folder structure in Next 13 App Router
• Tailwind / Full responsiveness
• Clerk Authentication (Email and Social Logins)
• Client form validation and handling using react-hook-form
• OpenAI Tools (Image and conversation)
• Stripe monthly subscription
• Free tier with API limiting

Cloning the repository

git clone https://github.com/alantomaiz/ai-saas

Install packages

npm install

Setup .env file

# Next
NEXT_PUBLIC_URL=""

# Clerk Auth
CLERK_SECRET_KEY=""
NEXT_PUBLIC_CLERK_PUBLISHABLE_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
OPENAI_CLIENT_ID=""
OPENAI_API_KEY=""

# Prisma
DATABASE_URL=""

# Stripe
STRIPE_WEBHOOK_KEY=""
STRIPE_API_KEY=""
NEXT_PUBLIC_STRIPE_PUBLIC_KEY=""

# Crisp
NEXT_PUBLIC_CRISP_ID=""

Setup Prisma

Add MySQL Database (I used PlanetScale)

npx prisma db push

Start the app

npm run dev

Available commands

Running commands with npm npm run [command]