This AI Chat Application was built using Next.js, React.js, MySQL, Typescript, Tailwind CSS, Stripe, OpenAI, Prisma, Planetscale, Cloudinary, Clerk, ShadCN, Zustand, Pinecone, Upstash, Redis & Replicate.
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
This application was deployed using Vercel and Route53.
This is an AI Chat application that works like ChatGPT. Simply choose an AI character from the list to start a chat conversation with. Each person will talk to you as they would in real life. This is an amazing example of how you can use AI to build a modern application.
For more examples, please take a look at the application
To get a local copy up and running follow the steps below.
Clone the repo
git clone https://github.com/dontrellthedeveloper/smartpal-nextjs-sql
Install NPM packages
npm install
Enter values in .env
file
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY={clerk publishable key}
NEXT_PUBLIC_CLERK_SIGN_IN_URL={clerk signIn url}
NEXT_PUBLIC_CLERK_SIGN_UP_URL={clerk signUp url}
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL={clerk after signIn url}
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL={clerk after signUp url}
DATABASE_URL="{mysql connection string}"
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="{cloudinary cloud}"
PINECONE_INDEX="{pinecone index}"
PINECONE_ENVIRONMENT="{pinecone environment}"
PINECONE_API_KEY="{pinecone api key}"
UPSTASH_REDIS_REST_URL="{upstash redis rest url}"
UPSTASH_REDIS_REST_TOKEN="{upstash redis rest token}"
OPENAI_API_KEY={open api key}
REPLICATE_API_TOKEN={replicate api token}
STRIPE_API_KEY={stripe api key}
STRIPE_WEBHOOK_SECRET={stripe webhook secret}
NEXT_PUBLIC_APP_URL={app url}