AI Chat App

Chat with ai with real time stream

Demo

https://ai-chat-app-nu.vercel.app/

Tech Stack

Client: React, Next.js, TailwindCSS, shadcnUI

Server: Next.js, prisma, openAI API

Screenshots

Lessons Learned

In this project, I learned to receive data from the openAI API in real time.

Features

• Clerk Auth
• Prisma ORM
• shadcnUI
• Real time data stream

Enviroment Variables

To run this project, you will need to add the following environment variables to your .env file.

"NEXT_PUBLIC_CLERK_SIGN_IN_URL"

"NEXT_PUBLIC_CLERK_SIGN_UP_URL"

"NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL"

"NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL"

"DATABASE_URL"

"NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY"

"CLERK_SECRET_KEY"

"OPENAI_API_KEY"

Feedback

If you have any feedback, please contact me at [email protected].