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
Table of Contents
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
.envfileNEXT_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}


