/ai-chat-app

Real-time stream chat-app built with next.js and openai-edge

Primary LanguageTypeScript

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

Ekran Görüntüsü - 2023-07-18 22-36-45

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 kozanfurkanemre@gmail.com.