AI 요약관련 정보

In this video, I walk you through building a full-stack note-taking app with the Next.js 15 App Router, Supabase for authentication and database management, Prisma ORM, and shadcn for clean, modern styling. We will also integrate the OpenAI API to add ChatGPT functionality so you can interact with your notes, and deploy the finished app to the web with Vercel. Subscribe 👉    / @coleblender   Personal 👉 https://coleblender.com Business 👉 https://superlativesites.com GitHub 👉 https://github.com/ColeBlender X 👉   / coleblender   LinkedIn 👉   / cole-blender   0:00 Intro 2:19 Start Project 6:23 Add shacn/ui, Dark Mode, and Toast 8:23 Build Header 16:56 Build LogOutButton 21:54 Add Auth Pages 31:47 Create Supabase Project 35:23 Add Supabase Code 40:27 Add Auth Code Logic 49:37 Add Prisma Code 58:10 Build Sidebar 1:04:00 Build Home Page 1:08:46 Set Up OpenAI Account 1:10:57 Build NoteTextInput 1:17:53 Create Context and Custom Hook 1:21:41 Write Update Note Server Action 1:24:02 Finish NewNoteButton 1:28:58 Finish Sidebar 1:51:06 Add Middleware 1:59:18 Add AskAIButton 2:21:18 Deploy to Vercel 2:25:37 Outro GitHub Repo 👉 https://github.com/ColeBlender/goat-n... Docs 👉 https://ui.shadcn.com/docs/installati... Docs 👉 https://supabase.com/docs/guides/auth... Docs 👉 https://www.prisma.io/docs/orm/overvi... Docs 👉 https://www.prisma.io/docs/orm/more/h... Docs 👉 https://platform.openai.com/docs/over... Docs 👉 https://platform.openai.com/docs/guid... SendGrid x Supabase Email Setup 👉    • EASILY Send Emails With Next.js and SendGrid   Namecheap x Vercel Setup 👉    • CUSTOM DOMAIN - Namecheap & Vercel