Build & Deploy An AI-Powered Chat App | Vue, Node, TypeScript, Open AI, Stream & Neon Database
- 풀스택 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 엔드포인트 생성 👤.