ChatGPT Clone with Next.js, Supabase and Jotai

In this video, I’ll show you how you can create a chatGPT clone with Next.js, Typescript, Supabase, Jotai and Tailwind. It’s an open source project that you can find from my Github profile. Feel free to ask questions if you need.

NOTE: Project structure has changed after this video. Please make sure you check the Github Repo.
https://github.com/batuhanbilginn/makr-ai

Previous Videos I mentioned in video:
Supabase with Next.js 13 – https://www.youtube.com/playlist?list=PLpiL1lSLQqKJEp0tU8m2XjZ8ydjjuGVT5
State Management with Jotai – https://www.youtube.com/playlist?list=PLpiL1lSLQqKJqSLtdFG0oi-kpIHT4JQ9D

– timestamps –
00:00 – Intro / Application Walkthrough
02:54 – Supabase Setup
07:10 – Next.js Setup
13:12 – useChats Custom Hook
21:02 – useChat Custom Hook
26:16 – State Management and Application Logic with Jotai
53:07 – Route Handlers
01:02:39 – Outro

Source Code: https://github.com/batuhanbilginn/makr-ai
Learn more: https://makr.dev

#supabase #typescript #development #developer #openai #ai