데브허브 | DEVHUB | Create an LMS Course Platform with Next.js, Arcjet, Better-Auth, and Stripe (Part 1/2)Create an LMS Course Platform with Next.js, Arcjet, Better-Auth, and Stripe (Part 1/2)
- Marshall LMS는 Next.js, Arcjet, Better-Auth, Stripe를 활용하여 처음부터 구축되는 완전한 기능의 학습 관리 시스템입니다. 🎓
- 학생 참여를 위한 아름다운 랜딩 페이지와 상세한 코스 카탈로그를 제공하며, Stripe 통합으로 즉시 코스 구매가 가능합니다. 🌐
- GitHub OAuth 또는 이메일 OTP를 통한 간편하고 안전한 사용자 인증을 Better-Auth로 구현합니다. 🔑
- 크리에이터는 강력한 관리자 대시보드, 분석 기능, 맞춤형 리치 텍스트 에디터, S3에 안전하게 파일을 업로드하는 드래그 앤 드롭 기능을 활용할 수 있습니다. 📊
- 직관적인 드래그 앤 드롭 인터페이스를 통해 코스 구조 내에서 챕터와 레슨을 쉽게 재정렬할 수 있습니다. ✍️
- Arcjet을 사용하여 봇, XSS, SQL 인젝션 등 일반적인 공격으로부터 플랫폼을 강력하게 보호하며, 속도 제한 및 봇 감지 기능을 포함합니다. 🛡️
- 학생들은 개인화된 대시보드에서 수강 중인 코스와 진행 상황을 확인하고, 깔끔한 2패널 레이아웃의 코스 플레이어에서 학습을 진행할 수 있습니다. 🧑🎓
- 프론트엔드는 Next.js 15, Tailwind CSS, Shadcn UI로 구축되어 부드러운 서버 렌더링과 반응형 UI를 제공합니다. ✨
- 백엔드는 Prisma와 Neon 호스팅 PostgreSQL 데이터베이스를 사용하여 현대적이고 빠르며 확장 가능한 데이터 관리를 지원합니다. 🗄️
- PNPM을 패키지 관리자로 사용하며, 개발자 경험 향상을 위해 TypeScript 사용을 강력히 권장합니다. 🛠️
- 이 튜토리얼은 실제 사용자, 결제, 영향력을 위한 프로덕션 준비가 된 LMS를 구축하는 방법을 가르치며, 모든 도구는 100% 무료입니다. 💡
- Shadcn UI는 Radix UI 위에 구축된 스타일링되고 접근성 높은 컴포넌트 라이브러리로, 쉽게 커스터마이징할 수 있는 빌딩 블록을 제공합니다. 🧩
- Next.js의 라우트 그룹(Route Groups) 개념을 활용하여 URL 경로에 영향을 주지 않으면서 프로젝트 디렉토리를 체계적으로 구성합니다. 📁