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

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

데브허브 커뮤니티

Build & Deploy Full Stack AI Mock Interview NextJs App using React, n8n, Convex, ArcJet, Akool

TubeGuruji

2025. 8. 13.

0

#frontend
#ai
  • 이 비디오는 React, Next.js, n8n 및 다양한 기술 스택을 사용하여 AI 모의 인터뷰 웹 애플리케이션을 구축하는 방법을 보여줍니다. 💻
  • Clerk를 사용하여 Gmail 및 이메일/비밀번호 인증을 추가하고, 이력서 업로드 또는 직무 설명 추가 옵션을 제공합니다. 🔑
  • 이력서 제출 시 AI 자동화 워크플로우가 트리거되어 모의 인터뷰 질문을 생성하고 애플리케이션으로 반환합니다. 🤖
  • n8n 자동화 워크플로우를 로컬 및 클라우드 환경에서 설정하는 방법을 배우고, Hostinger n8n 기능을 사용하여 프로덕션 환경에서 애플리케이션을 실행합니다. ☁️
  • Akool을 사용하여 실시간 아바타 에이전트를 통합하여 모의 인터뷰를 진행하고, 사용자의 질문에 응답합니다. 🗣️
  • Convex 데이터베이스를 사용하여 인터뷰 세션, 사용자 정보 등 모든 데이터를 저장하고 관리합니다. 🗄️
  • 인터뷰가 끝나면 AI가 피드백, 제안, 평점 등을 생성하여 제공합니다. 📊
  • Arjet을 사용하여 사용자의 일일 인터뷰 횟수를 제한하고, 요금제를 업그레이드할 수 있는 옵션을 제공합니다. 🔒
  • Clerk 구독 청구 기능을 사용하여 결제 게이트웨이를 간편하게 추가하고 관리합니다. 💰
  • Next.js를 사용하여 React 애플리케이션을 만들고, Shadcn UI 컴포넌트 라이브러리를 설정하여 UI를 개선합니다. ✨
  • Google Fonts에서 Outfit 폰트를 다운로드하여 애플리케이션 전체에 적용합니다. ✒️
  • Krabic Studio AI를 사용하여 AI 단편 영화 비디오를 생성하고 편집하는 방법을 소개합니다. 🎬

Recommanded Videos