Premium

Next.js LMS Student Website Template

A Next.js 16 LMS student website with a course catalog, course pages, checkout, and a learning dashboard with a lesson player, quizzes, certificates, live classes and messaging, in English and Arabic.

Student Website

The Next.js 16 student website on its own, with the course catalog, course pages, checkout, and the learner dashboard

$79
Or get everything in Full Stack for $179
  • Use in unlimited commercial projects. Client work included.
  • One-time payment, free updates
  • Business invoice with your VAT or tax ID
  • Use in unlimited commercial projects. Client work included.
  • One-time payment, free updates
  • Business invoice with your VAT or tax ID

A Next.js 16 LMS student website with a course catalog, course pages, checkout, and a learning dashboard with a lesson player, quizzes, certificates, live classes and messaging, in English and Arabic.

Share:

A Next.js 16 LMS student website with a course catalog, course pages, checkout, and a learning dashboard with a lesson player, quizzes, certificates, live classes and messaging, in English and Arabic.

Student website demo
Student website overview, light
Student website overview, light. The Learnio home page with course search and the catalog entry points
Student website home, dark
Student website home, dark. Course search and the catalog entry points on the home page, dark theme
Open the student website
Courses

Turn your course content into a learning experience

Students find a course in the catalog, read its page, enroll, and then learn lesson by lesson from their own dashboard.

Lesson player, light
Lesson player, light. A lesson playing with the course content beside it, progress, and the next lesson one click away
Lesson player, dark
Lesson player, dark. The lesson player with the course outline beside the video and the next lesson one click away, dark theme

Learn at your own pace

Students watch lessons, return to their last accessed lesson, and track completion from their learning dashboard.

  • Video, reading, quiz, and assignment lessons
  • Personal notes saved on each lesson
  • Downloadable resources beside the notes
  • Progress counted lesson by lesson
Lesson notes and resources
Lesson notes and resources. A student's own notes saved on a lesson, with its downloadable resources on the tab beside them

Course pages that explain the course

  • What you will learn and who the course is for
  • The syllabus, the instructor, and reviews
  • Price, enrollment count, and the enroll action
  • A catalog with search and filters in front of them
Course page
Course page. A course with what you will learn, who it is for, the syllabus, price and enroll action
Live classes

Self-Hosted Live Classes

Run live classes on your own meeting server, with students and instructors joining directly inside your learning platform. Keep your teaching experience under your brand, with control over your meeting infrastructure.

Requires a separately configured meeting server. Hosting costs are not included.

One calendar for classes and deadlines

Course calendars show live sessions and assignment deadlines together.

  • Live sessions and assignment deadlines per course
  • Scheduled joining windows around each class
  • Instructors schedule sessions from the dashboard
Course calendar
Course calendar. Live sessions, assignment deadlines and finished lessons on one calendar

Inside the class

Prejoin screens, scheduled joining windows, and host controls support the live-class workflow.

  • A prejoin screen before entering the room
  • Host controls for the instructor running the class
  • The student's seat in the same room
  • Configure the meeting server for your deployment
Live class, student view
Live class, student view. A student's seat in the live class, joined from the course calendar
Messaging

Keep students and instructors connected

Give learners a dedicated place to ask questions about their courses. Conversations keep their saved history, image attachments, and unread indicators.

Course conversation with an image attachment, light
Course conversation with an image attachment, light. A student to instructor thread with saved history and a picture in it
Course conversation with an image attachment, dark
Course conversation with an image attachment, dark. A course thread with saved history and an image attachment, dark theme

Notifications that point somewhere

Notifications bring attention to what changed, and each one opens the thing it is about.

  • New messages and session changes
  • Marked assignments and issued certificates
  • An instructor inbox scoped to the courses they teach
Notifications
Notifications. New messages, session changes, marked assignments and issued certificates in one list
Assessment

Assess learning and recognize progress

Quizzes, assignments, and certificates, from the question editor to a public verification page.

Quiz result, light
Quiz result, light. A completed quiz with its server-graded result
Quiz result, dark
Quiz result, dark. Server-graded quiz results with the pass mark and attempts, dark theme

Grades, feedback, and certificates

Instructors review assignment submissions, save grades, and leave individual feedback. Eligible students receive course certificates.

  • Certificate numbers and public verification pages
  • Share a certificate, or print and save it as PDF through the browser
  • Earned certificates collected on the student dashboard
Earned certificates
Earned certificates. A student's certificates, ready to share or print and save as PDF
Certificate verification, light
Certificate verification, light. The public page that verifies an issued certificate by its number
Certificate verification, dark
Certificate verification, dark. Public certificate verification by number, dark theme
Checkout

Connect checkout, enrollment, and email

Learnio includes Stripe Checkout, order management, and payment-status handling linked to course enrollment. PayPal integration code is also included.

Checkout, light
Checkout, light. The checkout sheet with card and PayPal on offer; payment finishes on the provider's own page
Checkout, dark
Checkout, dark. The checkout sheet with card and PayPal on offer, dark theme

Enrolled once payment settles

Enrollment follows the settled payment, and the confirmation page reflects the order's real status.

  • Purchase receipts and enrollment confirmations by email
  • Resend integration for email verification, password resets, receipts, and confirmations
  • English and Arabic email templates
Checkout confirmation
Checkout confirmation. The page a settled purchase lands on, once the server confirms the order
Test-payment evidence

Stripe sandbox records and a received receipt

Successful test payments, the checkout webhook accepted by the API, and a purchase receipt as it arrived by email. These show test-payment evidence, not live charges.

Successful test payments in Stripe
Successful test payments in Stripe. Stripe's sandbox transactions list with succeeded test payments; test mode, not live charges
Stripe checkout webhook received and order marked settled
Stripe checkout webhook received and order marked settled. The checkout.session.completed event accepted by the API with a 201 and the order reference marked settled; sandbox mode
Purchase receipt received by email
Purchase receipt received by email. The receipt email as it arrived in a test inbox after a sandbox payment
Bilingual

Start with English, Arabic, light, and dark

English and Arabic interfaces are included, with right-to-left layouts for Arabic and light and dark themes across the student and management experiences.

Student dashboard in Arabic, light
Student dashboard in Arabic, light. The learner dashboard mirrored right to left
Student dashboard in Arabic, dark
Student dashboard in Arabic, dark. The learner dashboard in Arabic with a right-to-left layout, dark theme

Right to left, end to end

Customize the branding and extend the translations for your audience.

  • Layouts written with logical properties, so they mirror in Arabic
  • next-intl messages split by feature and locale
  • Figures, dates, and clocks stay left to right inside Arabic text
  • Use the Light and Dark switch above the screenshots to compare each interface in both themes
Student website in Arabic
Student website in Arabic. The home page in Arabic with a right-to-left layout
Explore

Explore Learnio before you build

Browse the student website and the management dashboard in light and dark mode. The demo sign-in pages fill in a demo account for you. Screenshots use sample data, and the Stripe screenshots show test mode.

Student website demo
Perfect for

Build your next learning platform with Learnio

Course creators and online coachesTraining companies and academiesBootcamps and schools running live cohortsTutors and one to one coachingAgencies building an LMS for a clientBilingual platforms with Arabic and RTL

Technical Specifications

Framework

Next.js 16

React Version

React 19

Styling

Tailwind CSS 4

TypeScript

Yes

Responsive

Mobile, Tablet, Desktop

Support Period

Lifetime Included

Pro Tip: All templates include comprehensive documentation to get you started quickly.

Frequently asked questions

What do I get when I buy this template?
The complete source code of the package you choose, downloaded from your personal dashboard right after checkout. A business invoice is available for every purchase.
Can I use it for client and commercial projects?
Yes. Every paid template comes with a Commercial licence that covers unlimited commercial projects, including work you deliver to clients.
Do I get updates after buying?
Yes. Updates are free. New versions appear in your dashboard, where you can download every file you own again at any time.
Is support included?
Yes. The assistant on this page answers in seconds, and email support is included with every purchase, at support@aniq-ui.com, with a reply within 4 hours.
Can I try it before I buy?
Yes. This template has a full live demo, linked at the top of this page, so you can click through the real thing before you decide.

Part of a full-stack template

Next.js LMS Template with AI & Live Classes

This app is one part of a full-stack template. The full template brings every part together in one purchase.

See the full template

Pricing

Choose your package

One payment for the full source code, yours to change and ship.

Everything included

Full Stack

Student website + Admin and instructor dashboard + NestJS API with TypeORM and auth

What is inside

Bought one by one$277
You save$98
$179

Or buy one part

Student Website

The Next.js 16 student website on its own, with the course catalog, course pages, checkout, and the learner dashboard

$79

Admin & Instructor Dashboard

The Next.js 16 management dashboard on its own, with course, people and enrollment management, the instructor workspace, and the AI assistant

$99

Backend API

The NestJS API on its own, with TypeORM, JWT auth, enrollments, assessments, orders, webhooks, email, and a one command seeder

$99

Safe and secure payments powered by Paddle

A VAT receipt is sent to your email after purchase.

Related Templates

Next.js Restaurant Template with Online Ordering and Kitchen Dashboard - Next.js Restaurant template preview - Aniq-UI

Restaurant

$179
Restaurant
Full Stack
New
AI

Food Studio is a full-stack Next.js restaurant template: an ordering website with menu, combos, cart, checkout and order tracking, a staff dashboard for orders, the menu and the kitchens, a NestJS API, AI tools for dish photos, and English and Arabic with RTL.

View Template
Next.js Restaurant Ordering Website Template - Next.js Restaurant template preview - Aniq-UI

Restaurant Ordering Website

$79
Restaurant
Ordering Website
New
AI

A Next.js 16 restaurant ordering website with a menu, combo meals, a meal builder, cart, checkout, order tracking and customer accounts, in English and Arabic.

View Template
Next.js Restaurant Admin Dashboard Template - Next.js Restaurant template preview - Aniq-UI

Restaurant Admin Dashboard

$99
Restaurant
Staff Dashboard
New
AI

A Next.js 16 restaurant admin dashboard for running orders, the menu, categories, customers, kitchens and the team, with an AI studio for dish photos, in English and Arabic.

View Template
Technical Advantages

Built to Work on Every Screen, for Every User

Every premium template is responsive, accessible, fast and typed from the first commit, so your launch starts from production-ready code.

01 · Layout

Responsive Design

Phone, tablet and desktop layouts from one set of components, with a phone menu and 44px tap targets.

Learn more: Responsive Design

02 · Inclusive

Accessibility

Semantic HTML, labelled controls, a visible keyboard focus ring and reduced motion support.

Learn more: Accessibility

Enterprise-Grade Features Included

Developer Experience

  • TypeScript 5.0+ with strict type checking
  • Server & Client Components architecture
  • Quick start guide and feature docs

UX & Performance

  • Mobile-first responsive design system
  • Accessible markup with ARIA and keyboard navigation
  • Fast rendering with server components and optimized assets

Maintenance & Support

  • Support included with your purchase
  • Regular security & framework updates
  • SEO-optimized semantic structure
Read the developer guide
world map

Global User Community

Join thousands of developers worldwide who trust Aniq-UI for their projects. Our templates are being used across the globe to create stunning web experiences.

HomeTemplatesBlog
Aniq-uiAniq-ui

Cookie Preferences

We use cookies to enhance your browsing experience, analyze site traffic, and personalize content. By clicking "Accept All", you consent to our use of cookies for analytics and personalized advertising.