AI SaaS Companion with Next.js 13, React, Tailwind, Prisma, Stripe, PlanetScale, Upstash, Pinecone & Replicate API

Features:

Tailwind design, animations and effects (shadcn/ui)
Full responsiveness
Clerk Authentication (Email, Google, 9+ Social Logins)
Client form validation and handling using react-hook-form
Server error handling using react-toast
Page loading state
Stripe monthly subscription
Free tier with API limiting
Fetch data in server react components
Handle relations between Server and Child components!
Create new companion & ask them questions
Redis DB with Upstash
Pinecone: Vector Database for Vector Search
PlanetScale MySQL DB
Hotpot AI Image for Companion

Prerequisites

Node version 18.x.x

Cloning the Repository

git clone https://github.com/nayak-nirmalya/ai-companion.git

Install Packages

npm i

Setup .env File

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=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/

DATABASE_URL=

NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=

PINECONE_INDEX=
PINECONE_ENVIRONMENT=
PINECONE_API_KEY=

UPSTASH_REDIS_REST_URL=
UPSTASH_REDIS_REST_TOKEN=

OPENAI_API_KEY=

REPLICATE_API_TOKEN=

STRIPE_API_KEY=
STRIPE_WEBHOOK_SECRET=

NEXT_PUBLIC_APP_URL=

Setup Prisma

Add MySQL Database URL in .env file, then run:

npx prisma db push

Seed Categories to DB:

node scripts/seed.ts

Start the App

npm run dev

Available Commands

Running commands with npm npm run [command]

command	description
`dev`	Starts a development instance of the app
`lint`	Run lint check
`build`	Start building app for deployment
`start`	Run build version of app