Klass - React Nextjs Kids Online Learning Courses System

Promo Offer: Only $99 for a Limited Time! Buy Now!

One-time purchase and get lifetime access!

Regular Updates, Top Quality Support from the Author

Nextjs 16.2 (App Router), Prisma v5.x, Multilingual(English, German, Arabic)

SEO Optimized (Lightbox Score 100)

Klass v1.4 Update Release Notes

We are excited to introduce Klass v1.4, a major update focused on framework modernization, enhanced security, improved accessibility, and a more refined learning experience. This release upgrades the project to the latest Next.js and React ecosystem while introducing new UI enhancements, stronger authorization, optimized performance, and significant code quality improvements for administrators, instructors, and students.

What’s New

• Added: Sticky Navigation Bar – Introduced a sticky navigation bar with improved scroll behavior for a smoother browsing experience.
• Added: Language Switcher – Added a language selection dropdown in the main navigation with English as the default language.
• Added: Enhanced Documentation – Expanded documentation covering installation, environment variables, deployment, project structure, scripts, and media management.
• Updated: Next.js Compatibility – Upgraded the project to Next.js v16.2.
• Updated: React Compatibility – Updated React and React DOM for full compatibility with React v19.2.
• Updated: Development Tooling – Refreshed ESLint configuration and project tooling to align with the latest Next.js standards.
• Updated: Prisma Workflow – Improved Prisma integration and database validation for greater development reliability.
• Updated: Rich Text Editor – Migrated to TipTap Editor for improved compatibility with React v19.
• Updated: Course Components – Refined reusable course cards and public components for a more consistent interface.
• Improved: Server-Side Authorization – Strengthened authorization across admin, instructor, course, progress, review, favorite, and asset APIs.
• Improved: Admin Dashboard Security – Enhanced route protection to prevent unauthorized access to protected dashboard areas.
• Improved: Payment Validation – Improved checkout and payment confirmation integrity for more reliable transactions.
• Improved: Course Performance – Optimized public course queries by selecting only the required data.
• Improved: SEO Structure – Enhanced semantic HTML and heading hierarchy for improved search engine optimization.
• Fixed: Dependency Conflicts – Resolved outdated React peer dependency conflicts.
• Fixed: Runtime Stability – Eliminated runtime crashes caused by undefined course fetch results after database connection failures.
• Fixed: Semantic HTML Issues – Replaced invalid clickable elements with accessible button implementations.
• Fixed: Invalid Metadata Links – Removed unnecessary href="#" links used for non-navigation elements.
• Fixed: Accessibility Improvements – Added missing labels and pressed states for favorite buttons and improved image accessibility.
• Fixed: Pagination Structure – Updated pagination with proper navigation landmarks for improved accessibility.
• Fixed: Coupon Error Handling – Improved API error handling to prevent destructuring failures during checkout.
• Fixed: Smooth Scroll Warning – Resolved route transition warnings by updating the root HTML configuration.
• Fixed: Responsive UI Issues – Corrected minor spacing and responsive inconsistencies throughout public LMS pages.
• Improved: Code Quality – Enhanced reusable authorization helpers, optimized component organization, reduced unnecessary wrappers, improved fallback handling, updated validation workflows, and modernized the codebase while preserving the existing project architecture.

With Klass v1.4, the platform becomes more secure, accessible, performant, and future-ready. We highly recommend updating to this version to benefit from the latest compatibility with Next.js and React, stronger security, improved SEO, an enhanced user experience, and a cleaner, more maintainable codebase.

Klass is a modern LMS system built specifically for kids’ online learning platforms, educational academies, and course instructors. It is powered by Next.js and React, providing a high-speed, developer-friendly architecture for building interactive online courses with ease.

Whether you’re launching an online kindergarten, homeschooling portal, or educational game center for kids, Klass provides a strong foundation with essential features tailored for online education, LMS systems, and interactive learning.

Key Features

• Fully developed with Next.js and React.js
• Optimized for online kids learning, e-learning systems, and interactive courses
• Lightweight, fast, and SEO-friendly architecture
• Modular, maintainable code for easy customization
• Responsive design for desktop, tablet, and mobile
• Now includes TipTap Rich Text Editor for content management

Why Choose Klass?

Klass is ideal for developers and education startups looking to build a scalable and user-friendly Learning Management System for children. Its focus on performance, UI/UX, and technical adaptability makes it a great choice for:

• Primary education websites
• Language learning platforms for children
• STEM and coding for kids
• Homeschooling and tutoring sites

Klass offers Dynamic Course Management, Dynamic Video Courses, and Multiple User Types, including Admin, Instructor, and Student. It contains well-commented and easily customizable source code with detailed documentation. These features will help make it useful and customized based on the ultimate needs.

For alternate versions, please check below:

WordPress Elementor:

Angular Dynamic:

Moodle LMS:

Flutter Mobile App:

Angular Static:

Klass Key Features:

• Kids Learning Courses Fully Functional System. Click to View Demo
• React.js v19.x, Next.js v16.2 (App Routing), Prisma v5.x
• Multilingual (English, Arabic & German)
• Works with Vercel
• NextAuth.js (Authentication for Next.js)
• SEO Optimized (Lightbox Score 100)
• No jQuery Dependency
• Stripe Payment Gateway
• MySQL Database
• Cloudinary, Sass, Bootstrap 5.x
• Course Management
• Cart Management
• Instructor Management
• User Management
• Category Management
• Testimonials Management
• Course Video Management
• Course Asset Management
• Dynamic Contact Form
• Wishlist
• My Courses
• My Learning
• Discount Coupons and Certifications features
• Live Class with Jitsi
• Demo Data Included
• Ready To Production Deployment
• Clean And Professional Coding
• Responsive in Any Device
• Retina Ready
• Creative and Beautiful Layout
• Fast, Lightweight & Powerful
• Smooth Transition Effects
• Redux
• ES10+
• Creative and Modern Design
• Smooth Transition Effects
• Google font and Icon Used
• Integrated With BoxIcon and Flaticon
• Easily Customizable
• Well Commented Code

24-Hour Turnaround Support:

• Quick, Dedicated & Professional Support
• We only provide support through our ticketing system. Please submit your ticket by visiting the EnvyTheme Support System.
• For any pre-purchase query, please use live chat on the item demo site, email, or the item’s comment section on ThemeForest.

What do you get?

• LMS Source Code
• Documentation

Get Klass Now!

Important Note:

• Images and videos are only for demo purposes and are not included in the download bundle. For original assets, a support ticket needs to be submitted.

Sources and Credits:

• ReactJS
• NextJS
• MySQL
• Stripe
• Bootstrap
• Sass
• Swiper Slider
• Flaticon & Boxicons
• Google Fonts
• placehold.it

Update Logs

July 1, 2026: Klass v1.4
-----------------------------
New Features:
- Added: Sticky navigation bar with improved scroll behavior and smoother page interaction.
- Added: Language switcher dropdown in the main navigation bar with English selected by default.
- Added: Updated documentation content for installation, setup, environment variables, scripts, deployment, folder structure, and media handling.

Updated:
- Updated: Next.js v16.2 compatibility.
- Updated: React and React DOM to React v19.2 compatibility.
- Updated: ESLint and project tooling configuration for the latest Next.js setup.
- Updated: Prisma and database validation workflow for improved development reliability.
- Updated: Rich text editor implementation to use TipTap for better React v19 compatibility.
- Updated: Course card markup and reusable public components for better consistency.

Improved:
- Improved: Server-side authorization checks for admin, instructor, course, progress, review, favorite, and asset APIs.
- Improved: Admin route protection to prevent unauthorized access to protected dashboard areas.
- Improved: Payment integrity checks for checkout and payment confirmation flows.
- Improved: Course query performance by selecting only the required fields for public course cards.
- Improved: Public pages with more SEO-friendly heading hierarchy and semantic HTML structure.

Fixed:
- Fixed: Dependency conflict caused by outdated React peer dependency packages.
- Fixed: Runtime crash when course fetch helpers returned undefined after a database connection error.
- Fixed: Invalid or non-semantic clickable elements used as buttons in course and checkout-related UI.
- Fixed: Fake href="#" links used for non-navigation course metadata.
- Fixed: Missing accessible labels and pressed states on favorite buttons.
- Fixed: Pagination markup to use proper navigation landmarks.
- Fixed: Coupon error handling to avoid destructuring failures when API errors do not include the expected response shape.
- Fixed: Smooth-scroll route transition warning by updating the root HTML configuration.
- Fixed: Several public page image alt text issues and decorative image accessibility problems.
- Fixed: Minor responsive and spacing inconsistencies across public LMS sections.

Code Quality:
- Improved: Reusable authorization helper usage across protected API routes.
- Improved: Code organization for homepage components under the existing eLearningSchool component structure.
- Improved: Reduced unnecessary wrappers and fragments in public-facing components.
- Improved: Added cleaner fallback behavior for user-facing server and API errors.
- Improved: Updated validation and linting commands for a more reliable development workflow.
- Improved: Maintained existing project structure and styling conventions while modernizing public UI components.
----------------------------------
December 25, 2025: Klass v1.3
----------------------------------
- Updated: Critical Security Vulnerability in React Server Components
- Updated: using Next.js v16.0.7
- Updated: using React v19.2.1
-----------------------------------
July 16, 2025: Klass v1.2
-----------------------------------
- Upgraded to Next.js v15.3 & React.js v19.1
- Updated: All project dependencies
- Fixed: Malfunctioning functions
- Removed: the RTE RichTextEditor.
- Added: Awaited parameters for all pages
- Added: TipTap RichTextEditor to support React v19.1
-----------------------------------
May 30, 2024: Klass v1.1
-----------------------------------
Klass version with Next.js v14.x (App routing): 

- Next.js v14.2.3 (app routing)
- Prisma v5+
- Multilingual (English, Arabic & German)
- NextAuth.js (Authentication for Next.js)
- SEO Optimized (Lightbox Score 100)

Klass version with Next.js v12.x (Page routing):

- Updated: Replaced Axios for page data loading with the fetch function, which is lighter, easier to manage, and recommended by Next.js.
- Updated: getStaticProps API reference for some pages
- Fixed: Minor Bugs
- Compatibility: Compatible with Node.js version 18 and higher.