FAQ

General

What is the LMS Starter Kit?

A production-ready Next.js template with 39 screens for building learning management systems. It includes a student dashboard, course catalog, lesson player, quiz engine, instructor tools, and admin portal — all built with Tailwind CSS v4 and shadcn/ui.

Is this a full LMS platform?

It's a frontend template, not a full-stack platform. It provides all the UI you need — dashboards, lesson player, quiz engine, discussion forums — but you connect your own backend, database, and video hosting. Pages use seed data that you replace with your data source.

What tech stack does it use?

Next.js 16, React 19, Tailwind CSS v4 with oklch tokens, shadcn/ui components, TypeScript, Recharts, and Embla Carousel.

Does it include video hosting?

No. The lesson player includes a video area and playback UI, but you provide your own video source — Mux, Vimeo, YouTube, or self-hosted. The UI handles the player layout, sidebar navigation, and progress tracking structure.

Licensing

What license is included?

Solo (1 developer), Team (up to 10), or Agency (unlimited + client delivery). See the product page for pricing.

Can I use this for client projects?

With the Agency license, yes. Solo and Team licenses are for your own products only.

Technical

Does it include a backend or database?

No. The kit is frontend-only. All pages use mock data from data/seed.ts. Replace with API calls, a CMS, or database queries when building your platform.

How do I add real courses?

Replace the seed data in data/seed.ts with your data source — a headless CMS (Sanity, Contentful), a database (Prisma, Drizzle), or an API. Map your data to the Course interface in types/index.ts.

How does the quiz engine work?

The quiz interface displays questions one at a time with a countdown timer, answer selection, and navigation between questions. The results page shows score breakdown per question. You wire the quiz data and scoring logic to your backend.

Can I use this with an existing Next.js project?

Yes. Copy components/, data/, and types/ directories. Install dependencies and import the design tokens from globals.css. See the Installation guide.

Does it support internationalization (i18n)?

Not out of the box. The template uses English strings. To add i18n, integrate next-intl or react-i18next and replace hardcoded strings with translation keys.

Can I integrate with Moodle or other LMS backends?

Yes. The frontend is decoupled from any backend. You can connect it to Moodle's API, Canvas, your own custom API, or any headless backend. The UI components work with any data shape.

Support

How do I get help?

Email support@thefrontkit.com or visit the Support page.

Is there a refund policy?

Yes. 7-day money-back guarantee, no questions asked.