Simulacrum

LMS template

A learning management system with course catalog, video lessons, quizzes, progress tracking, certificates, instructor dashboards, and enrollment analytics.

npx simulate lms my-courses

12 routes · 8 components · Instructor admin

/
/courses
/courses/[slug]
/courses/[slug]/lessons/[id]
/dashboard
/dashboard/progress

Generated project structure

What you get when you run npx simulate lms my-courses

my-lms/
  • -layout.tsx
  • -globals.css
  • +
  • +
  • +
  • +
  • -site.ts
  • -tailwind.config.ts
  • -package.json
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -page.tsx
  • -course-card.tsx
  • -lesson-player.tsx
  • -quiz-form.tsx
  • ... 35+ files total

Available scripts

  • npm run dev
  • npm run build
  • npm run lint
  • npm run db:push
  • npm run db:studio
  • npm run test
  • npm run e2e
  • npm run typecheck

Admin dashboard metrics

EnrollmentsCompletion rateQuiz scoresRevenueTop courses

Scaffold stats

Pages
12
Components
8
RBAC roles
4
Dashboard KPIs
5

Pages included

  • /
  • /courses
  • /courses/[slug]
  • /courses/[slug]/lessons/[id]
  • /dashboard
  • /dashboard/progress
  • /instructor
  • /instructor/courses
  • /admin
  • /admin/courses
  • /admin/students
  • /admin/analytics

Key components

  • CourseCard
  • LessonPlayer
  • QuizForm
  • ProgressBar
  • CertificateViewer
  • EnrollmentButton
  • InstructorCard
  • CourseGrid

Admin dashboard

Template-native metrics powered by Recharts and TanStack Table

Enrollments

---

Completion rate

---

Quiz scores

---

Revenue

---

Top courses

---

Default stack

Database
Supabase
Auth
Google, Credentials
Payments
Stripe

RBAC roles

  • super_admin
  • admin
  • instructor
  • student

npx simulate lms my-courses