Build An AI Notes App (Vercel AI SDK v5, Next.js 15, Convex, RAG)
- 앱의 핵심 기능은 AI 챗봇으로, 사용자의 노트에서 정보를 검색하고 질문에 답변하며, 관련 노트 링크와 서식 있는 응답을 제공합니다. 🤖
- AI는 질문의 성격에 따라 노트 검색이 필요한지 여부를 스스로 판단하여 불필요한 검색을 줄이고 효율성을 높입니다. 🧠
- 5개든 5백만 개든 노트의 양에 관계없이 필요한 정보를 정확히 찾아내어 대규모 데이터에서도 뛰어난 성능을 발휘합니다. 📈
- Convex는 데이터베이스, 인증, 벡터 스토리지 등 백엔드 기능을 한곳에 통합하여 여러 서비스를 사용할 필요 없이 개발을 간소화하고 무료로 이용할 수 있습니다. 🏡
- Next.js 15와 Vercel AI SDK를 활용하여 현대적인 웹 애플리케이션 프레임워크와 강력한 AI 기능을 통합합니다. 🚀
- Convex를 통해 비밀번호 기반 인증을 설정하며,
middleware.ts를 사용하여 특정 경로(예: /notes)를 보호하고 로그인 여부에 따라 리디렉션합니다. 🔒
convex/schema.ts 파일에서 authTables를 포함한 데이터베이스 스키마를 정의하여 사용자 및 세션 데이터를 관리합니다. 🗄️
- Convex 기능을 앱 전체에서 사용하기 위해
ConvexClientProvider와 ConvexAuthNextjsServerProvider를 각각 클라이언트 및 서버 컴포넌트에 설정합니다. 🌐
- 미리 준비된 시작 코드를 활용하여 UI 구현 대신 AI 챗봇, 인증, 백엔드 설정 등 핵심적이고 흥미로운 개발 부분에 집중할 수 있습니다. 🛠️
shadcn/ui 및 react-hook-form과 Zod 스키마를 사용하여 이메일 형식 및 비밀번호 길이 등 실시간 입력 유효성 검사를 구현합니다. ✅
데브허브 | DEVHUB | Build An AI Notes App (Vercel AI SDK v5, Next.js 15, Convex, RAG)