데브허브 | DEVHUB | Build / Deploy Fullstack App (NextJs, Prisma, AuthJs, Supabase)Build / Deploy Fullstack App (NextJs, Prisma, AuthJs, Supabase)
- Google 개인 비서 풀스택 앱으로, 미리 알림, 캘린더 이벤트 예약, 이메일 전송 기능을 제공합니다. 🤖
- Next.js (프론트엔드), Supabase (백엔드), Prisma (ORM), Auth.js (인증), Tailwind CSS 및 Shadcn UI (UI/UX) 등 최신 기술 스택을 활용합니다. 🚀
- Google 로그인 (Auth.js), Google Cloud Console을 통한 Calendar/Email API 연동, JWT, 세션, 리프레시 토큰, 미들웨어를 활용한 라우트 보호 기능을 구현합니다. 🔒
- 캘린더 이벤트, 미리 알림, 이메일 전송 기능은 프롬프트 기반 입력, UI 확인, 자동 채움, 참석자 추가, 초대 이메일 발송 등 상세한 시연을 통해 작동 방식을 보여줍니다. 🗓️
- Next.js 프로젝트 생성, Tailwind CSS 및 Shadcn UI 설정, Auth.js (NextAuth.js) 환경 변수, 설정 파일, API 라우트 핸들러 및 미들웨어 구성 과정을 상세히 다룹니다. 💻
- Prisma ORM 설치 및 초기화,
schema.prisma 파일 생성, 데이터베이스 마이그레이션 및 클라이언트 생성을 위한 스크립트 추가 등 Prisma 설정을 안내합니다. ⚙️
- Google Cloud Console에서 Calendar 및 Email API를 활성화하고 프로젝트를 구성하는 방법을 포함하여 Google API 연동 과정을 설명합니다. ☁️
- 초기 Prisma 설정은 SQLite를 사용하지만, 최종적으로 Supabase와 연동하여 실제 백엔드 데이터베이스로 활용할 예정입니다. 💾