유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Build & Deploy An AI-Powered Chat App | Vue, Node, TypeScript, Open AI, Stream & Neon Database

Traversy Media

2025. 4. 1.

0

#backend
#ai
  • 풀스택 AI 채팅 앱 구축 🤖. Vue, Node, TypeScript, OpenAI, Stream, Neon DB 사용.
  • 프론트엔드는 Vue.js, Pinia로 상태 관리 🖼️. 백엔드는 Node.js, Express, TypeScript 사용.
  • OpenAI API (GPT-4)를 활용하여 AI 기능 구현 🧠.
  • Stream Chat API를 사용하여 실시간 채팅 기능 구현 💬. 사용자, 채널 관리.
  • Neon (서버리스 PostgreSQL) 데이터베이스를 사용하여 사용자 및 채팅 데이터 저장 💾.
  • Drizzle ORM을 사용하여 데이터베이스와 상호 작용 ⚙️. 스키마 생성, 마이그레이션.
  • 백엔드는 Render에, 프론트엔드는 Vercel에 배포 🚀.
  • Stream Chat, Neon, OpenAI API 키 필요 🔑.
  • Stream Chat에 사용자 등록을 위한 API 엔드포인트 생성 👤.

Recommanded Videos