Skip to content

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

License

Notifications You must be signed in to change notification settings

nayak-nirmalya/ai-companion

Repository files navigation

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