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

Credits: Antonio Erdeljac

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