Qu'est-ce que je reçois en achetant ce template ?

Le code source complet du pack choisi, téléchargé depuis votre tableau de bord personnel juste après le paiement. Une facture professionnelle est disponible pour chaque achat.

Puis-je l'utiliser pour des projets clients et commerciaux ?

Oui. Chaque template payant inclut une licence Commerciale qui couvre un projet commercial, y compris le travail livré à un client. Pour réutiliser le même template sur plusieurs projets, choisissez la licence Agence, qui couvre un nombre illimité de projets.

Ai-je droit aux mises à jour après l'achat ?

Oui. Les mises à jour sont gratuites. Les nouvelles versions apparaissent dans votre tableau de bord, où vous pouvez retélécharger vos fichiers à tout moment.

Le support est-il inclus ?

Oui. Le support accompagne votre achat, et vous pouvez joindre l'équipe à tout moment à support@aniq-ui.com.

Puis-je l'essayer avant d'acheter ?

Oui. Ce template a une démo complète en ligne, liée en haut de cette page, pour parcourir la vraie version avant de décider.

Premium

Modèle LMS Next.js avec IA et classes en direct

Full Stack

Le plus choisi

Site étudiant + Tableau de bord admin et formateur + API NestJS avec TypeORM et authentification

$179

Achat séparé : ~~$277~~Économisez $98

Site étudiant

Le site étudiant Next.js 16 seul, avec le catalogue, les pages de cours, le paiement et le tableau de bord d'apprentissage

$79

Tableau de bord admin et formateur

Le tableau de bord de gestion Next.js 16 seul, avec la gestion des cours, des personnes et des inscriptions, l'espace formateur et l'assistant IA

$99

API Backend

L'API NestJS seule, avec TypeORM, l'auth JWT, les inscriptions, les évaluations, les commandes, les webhooks, l'e-mail et un seeder en une commande

$99

Vous travaillez pour des clients ?

Licence Agence

Tout le contenu Full Stack
Projets illimités
Support prioritaire par e-mail (48 h)

$599

* Facture commerciale disponible

Modèle LMS Next.js avec IA et classes en direct

Learnio est un modèle LMS Next.js full-stack avec backend NestJS, assistant IA, classes en direct, paiement Stripe, quiz, certificats et arabe RTL.

Three connected apps: student website, management dashboard, and NestJS APICourse delivery with messaging, quizzes, assignments, and certificatesAI admin assistant, live classes, English and Arabic, light and dark themes

Learnio est un modèle LMS Next.js full-stack avec backend NestJS, assistant IA, classes en direct, paiement Stripe, quiz, certificats et arabe RTL.

Full Stack

Le plus choisi

Site étudiant + Tableau de bord admin et formateur + API NestJS avec TypeORM et authentification

$179

Achat séparé : ~~$277~~Économisez $98

Site étudiant

Le site étudiant Next.js 16 seul, avec le catalogue, les pages de cours, le paiement et le tableau de bord d'apprentissage

$79

Tableau de bord admin et formateur

Le tableau de bord de gestion Next.js 16 seul, avec la gestion des cours, des personnes et des inscriptions, l'espace formateur et l'assistant IA

$99

API Backend

L'API NestJS seule, avec TypeORM, l'auth JWT, les inscriptions, les évaluations, les commandes, les webhooks, l'e-mail et un seeder en une commande

$99

Vous travaillez pour des clients ?

Licence Agence

Tout le contenu Full Stack
Projets illimités
Support prioritaire par e-mail (48 h)

$599

* Facture commerciale disponible

Code source complet

Facture disponibleAprès l'achat, téléchargez une facture PDF et gérez vos informations de facturation (TVA, adresse de l'entreprise) à tout moment via le Portail client Paddle

Modèle LMS Next.js avec IA et classes en direct - Next.js Education template preview - Aniq-UI

Learnio réunit la découverte des cours, l'enseignement et la progression des étudiants dans une seule plateforme d'apprentissage full-stack : un site étudiant Next.js, un tableau de bord de gestion Next.js et une API NestJS derrière les deux. Classes en direct, assistant IA d'administration, paiement Stripe, quiz, devoirs et certificats, en anglais et en arabe avec thèmes clair et sombre.

Démo du site étudiant Démo admin et formateur

Student website, light. The Learnio home page with course search and the catalog entry points

Student website, dark. Course search and the catalog entry points on the home page, dark theme

Management dashboard, administrator overview, light. The administrator's overview in the light theme: platform totals, enrollment activity, top categories and the AI assistant widget

Management dashboard, administrator overview, dark. The administrator's overview: totals for courses, students, revenue and enrollments, the enrollment activity chart, top categories and the AI assistant widget

Ouvrir le site étudiant Ouvrir le tableau de bord de gestion

Le pack

Construisez votre plateforme d'apprentissage autour de votre marque

Une base connectée pour une académie en ligne, un portail de formation ou une plateforme de cours, avec un code source que vous adaptez à votre projet. Le pack full-stack comprend trois applications.

Site étudiant Next.js

Catalogue et pages de cours
Profils de formateurs et blog
Un tableau de bord d'apprentissage personnel
Paiement des cours payants

Tableau de bord de gestion Next.js

Outils d'administration pour toute la plateforme
Un espace formateur pour les cours, les étudiants et l'activité pédagogique
Cartes de synthèse, graphiques et fiches consultables

Backend NestJS

Authentification, cours et inscriptions
Progression, évaluations et messages
Commandes et e-mails

Assistant IA

Placez un assistant IA dans votre travail d'administration

Demandez à l'assistant d'administration de consulter les informations de la plateforme, de créer des brouillons de cours, de mettre à jour les fiches prises en charge ou de planifier l'activité pédagogique.

Connecté par des outils MCP

Ses outils MCP relient la conversation aux actions de gestion prises en charge, y compris certaines analyses affichées sous forme de graphiques.

Consulte les cours, les formateurs et les inscriptions via l'API
Crée un brouillon de cours en une demande, titre et description en arabe compris
Fonctionne avec Google Gemini, OpenAI ou DeepSeek, avec votre propre clé API pour le fournisseur choisi
Relisez le contenu et les modifications générés par l'IA dans votre flux de travail

Cours

Transformez le contenu de vos cours en expérience d'apprentissage

Créez des cours, ordonnez sections et leçons par glisser-déposer, gérez les supports et contrôlez ce qui est en brouillon et ce qui est publié.

Curriculum builder, light. Sections and lessons ordered with drag and drop, with draft and published states and a curriculum overview

Curriculum builder, dark. Drag-and-drop ordering of sections and lessons, with draft and published states, dark theme

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

Lesson player, dark. The lesson player with the course outline beside the video and the next lesson one click away, dark theme

Apprendre à son rythme

Les étudiants suivent les leçons, reprennent à la dernière leçon ouverte et suivent leur avancement depuis leur tableau de bord.

Leçons vidéo, lecture, quiz et devoir
Notes personnelles enregistrées sur chaque leçon
Ressources téléchargeables à côté des notes
Progression comptée leçon par leçon

Lesson notes and resources. A student's own notes saved on a lesson, with its downloadable resources on the tab beside them

Des pages de cours qui expliquent le cours

Ce que vous apprendrez et à qui s'adresse le cours
Le programme, le formateur et les avis
Prix, nombre d'inscrits et bouton d'inscription
Un catalogue avec recherche et filtres en amont

Course page. A course with what you will learn, who it is for, the syllabus, price and enroll action

Classes en direct

Classes en direct auto-hébergées

Animez des classes en direct sur votre propre serveur de réunion, les étudiants et les formateurs rejoignant la classe directement dans votre plateforme d'apprentissage. Gardez votre expérience d'enseignement sous votre marque, avec la maîtrise de votre infrastructure de réunion.

Nécessite un serveur de réunion configuré séparément. Les frais d'hébergement ne sont pas inclus.

Live class, instructor, light. An instructor hosting a live class inside Learnio on a self-hosted meeting server, with host controls

Live class, instructor, dark. The instructor's view of a live class with host controls, dark theme

Un seul calendrier pour les classes et les échéances

Les calendriers de cours réunissent les sessions en direct et les échéances des devoirs.

Sessions en direct et échéances par cours
Fenêtres de connexion planifiées autour de chaque classe
Les formateurs planifient les sessions depuis le tableau de bord

Course calendar. Live sessions, assignment deadlines and finished lessons on one calendar

Dans la classe

Écrans de pré-connexion, fenêtres de connexion planifiées et commandes d'animateur soutiennent le déroulement d'une classe en direct.

Un écran de pré-connexion avant d'entrer dans la salle
Des commandes d'animateur pour le formateur qui anime
La place de l'étudiant dans la même salle
Configurez le serveur de réunion pour votre déploiement

Live class, student view. A student's seat in the live class, joined from the course calendar

Messagerie

Gardez étudiants et formateurs connectés

Offrez aux apprenants un espace dédié pour poser des questions sur leurs cours. Les conversations conservent leur historique, leurs images jointes et leurs indicateurs de non-lu.

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. A course thread with saved history and an image attachment, dark theme

Des notifications qui mènent quelque part

Les notifications attirent l'attention sur ce qui a changé, et chacune ouvre l'élément concerné.

Nouveaux messages et changements de session
Devoirs notés et certificats délivrés
Une boîte de réception formateur limitée aux cours qu'il enseigne

Évaluation

Évaluez l'apprentissage et reconnaissez la progression

Quiz, devoirs et certificats, de l'éditeur de questions à une page de vérification publique.

Des quiz notés côté serveur

Créez des quiz de cours avec questions, options de réponse, seuils de réussite et limites de tentatives.

Les étudiants reçoivent des résultats notés côté serveur
Les quiz obligatoires peuvent compter dans la validation du cours
Tentatives limitées, ou illimitées pour s'entraîner

Quiz editor. An instructor building a quiz with questions, answer options, passing score and attempt limit

Quiz result, light. A completed quiz with its server-graded result

Quiz result, dark. Server-graded quiz results with the pass mark and attempts, dark theme

Assignment grading, light. Submissions for one assignment, one already marked with feedback and one being graded

Assignment grading, dark. The marking queue with grades and individual feedback, dark theme

Notes, commentaires et certificats

Les formateurs examinent les devoirs rendus, enregistrent des notes et laissent des commentaires individuels. Les étudiants éligibles reçoivent un certificat de cours.

Numéros de certificat et pages de vérification publiques
Partagez un certificat, ou imprimez-le et enregistrez-le en PDF depuis le navigateur
Les certificats obtenus rassemblés sur le tableau de bord étudiant

Earned certificates. A student's certificates, ready to share or print and save as PDF

Certificate verification, light. The public page that verifies an issued certificate by its number

Certificate verification, dark. Public certificate verification by number, dark theme

Paiement

Reliez paiement, inscription et e-mail

Learnio inclut Stripe Checkout, la gestion des commandes et le suivi de l'état du paiement, liés à l'inscription au cours. Le code d'intégration PayPal est également inclus.

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

Checkout, dark. The checkout sheet with card and PayPal on offer, dark theme

Inscrit dès que le paiement est réglé

L'inscription suit le paiement réglé, et la page de confirmation reflète l'état réel de la commande.

Reçus d'achat et confirmations d'inscription par e-mail
Intégration Resend pour la vérification d'e-mail, la réinitialisation du mot de passe, les reçus et les confirmations
Modèles d'e-mail en anglais et en arabe

Checkout confirmation. The page a settled purchase lands on, once the server confirms the order

Les commandes en détail

Chaque commande avec son cours, son moyen de paiement et son état
Suivi de l'état lié à l'inscription
Des commandes consultables pour les administrateurs

Order detail. One order in the management dashboard with its payment method and status

Preuves de paiement test

Enregistrements Stripe en mode test et reçu par e-mail

Paiements test réussis, webhook de paiement accepté par l'API, et reçu d'achat tel qu'il est arrivé par e-mail. Il s'agit de preuves de paiement test, pas de transactions réelles.

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. 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. The receipt email as it arrived in a test inbox after a sandbox payment

Rôles

Donnez à chaque rôle les outils dont il a besoin

Les administrateurs gèrent la plateforme. Les formateurs travaillent sur les cours qui leur sont attribués, et rien d'autre.

Administrateurs

Cours, étudiants, formateurs et inscriptions
Commandes, avis et contenu du blog
Équipe, rôles et réglages

Formateurs

Leurs cours attribués et leur programme
Messages, quiz et sessions
Les devoirs des étudiants à noter

Au quotidien

Cartes de synthèse et graphiques
Fiches consultables
Rôles et permissions

Enrollment management. The enrollments table in the management dashboard

Bilingue

Commencez en anglais, en arabe, en clair et en sombre

Les interfaces en anglais et en arabe sont incluses, avec des mises en page de droite à gauche pour l'arabe et des thèmes clair et sombre sur les expériences étudiant et gestion.

Student dashboard in Arabic, light. The learner dashboard mirrored right to left

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

De droite à gauche, de bout en bout

Personnalisez l'image de marque et étendez les traductions pour votre public.

Mises en page écrites en propriétés logiques, qui se reflètent en arabe
Messages next-intl répartis par fonctionnalité et par langue
Chiffres, dates et horloges restent de gauche à droite dans un texte arabe
Utilisez le sélecteur Clair / Sombre au-dessus des captures pour comparer chaque interface dans les deux thèmes

Student website in Arabic. The home page in Arabic with a right-to-left layout

Sous le capot

Construisez sur une base full-stack familière

Next.js 16, React 19, TypeScript, Tailwind CSS 4 et un backend NestJS modulaire.

Frontend

Next.js 16 App Router, React 19, TypeScript
Tailwind CSS 4
TanStack Query pour les données de l'API
React Hook Form et Zod pour les formulaires
next-intl pour la localisation

Backend

NestJS avec des modules par domaine
TypeORM avec SQLite pour le développement local
Prise en charge de la configuration MySQL
Jetons JWT distincts pour étudiants et personnel
Seeders de base de données et contenu d'exemple

Expérience développeur

Documentation d'installation pour les trois applications
Dépendances épinglées en version exacte
Une couche API par frontend, consommée via des hooks de requête
Des données fictives pour lancer un frontend avant l'API

Avant le lancement

Ce que vous configurez vous-même

Learnio est un modèle en code source, pas un abonnement d'hébergement géré. Configurez votre hébergement, votre base de données, votre stockage de médias et les services externes que vous choisissez.

Paiements

Vos propres comptes et identifiants Stripe ou PayPal éligibles
Configuration des webhooks
Tests de bout en bout avant d'accepter des paiements réels

E-mail

Votre configuration Resend
Un domaine d'envoi vérifié

IA et visioconférence

Votre propre clé API pour Google Gemini, OpenAI ou DeepSeek
Un serveur de réunion que vous configurez et hébergez vous-même
Les frais d'hébergement et des fournisseurs ne sont pas inclus

Explorer

Explorez Learnio avant de construire

Parcourez le site étudiant et le tableau de bord de gestion en mode clair et sombre. Les pages de connexion de la démo remplissent un compte de démonstration pour vous. Les captures utilisent des données d'exemple, et les captures Stripe montrent le mode test.

Démo du site étudiant Démo admin et formateur

Idéal pour

Construisez votre prochaine plateforme d'apprentissage avec Learnio

Créateurs de cours et coachs en ligneOrganismes de formation et académiesBootcamps et écoles avec des cohortes en directTuteurs et coaching individuelAgences qui construisent un LMS pour un clientPlateformes bilingues avec arabe et RTL

Spécifications Techniques

Framework

Next.js 16

Version de React

React 19

Style

Tailwind CSS 4

TypeScript

Oui

Responsive

Mobile, Tablette, Bureau

Période de Support

Lifetime Inclus

Conseil Pro: Tous les modèles incluent une documentation complète pour vous aider à démarrer rapidement.

Questions fréquentes

Qu'est-ce que je reçois en achetant ce template ?: Le code source complet du pack choisi, téléchargé depuis votre tableau de bord personnel juste après le paiement. Une facture professionnelle est disponible pour chaque achat.
Puis-je l'utiliser pour des projets clients et commerciaux ?: Oui. Chaque template payant inclut une licence Commerciale qui couvre un projet commercial, y compris le travail livré à un client. Pour réutiliser le même template sur plusieurs projets, choisissez la licence Agence, qui couvre un nombre illimité de projets.
Ai-je droit aux mises à jour après l'achat ?: Oui. Les mises à jour sont gratuites. Les nouvelles versions apparaissent dans votre tableau de bord, où vous pouvez retélécharger vos fichiers à tout moment.
Le support est-il inclus ?: Oui. Le support accompagne votre achat, et vous pouvez joindre l'équipe à tout moment à support@aniq-ui.com.
Puis-je l'essayer avant d'acheter ?: Oui. Ce template a une démo complète en ligne, liée en haut de cette page, pour parcourir la vraie version avant de décider.

Modèles Associés

E-Commerce

Full Stack

Nouveau

E-Commerce

$179

Template e-commerce Next.js 16 avec boutique, dashboard admin et API NestJS. Commande invité, auth JWT, essayage IA, anglais et arabe avec RTL.

Voir le Modèle

Tableau de Bord

Full Stack

Nouveau

Tableau de bord avec assistant IA

$149

Un tableau de bord admin complet avec Next.js 16, Tailwind CSS 4, TanStack Query et Framer Motion. Livré avec backend NestJS, TypeORM, auth JWT, RBAC, mises à jour WebSocket, assistant IA et support multilingue.

Voir le Modèle

Tableau de Bord

pro

Tableau de bord financier

$59

Template de dashboard financier Next.js 16 : thèmes sombre et clair, anglais et arabe RTL, graphiques Recharts, widgets déplaçables et auth JWT. Démo incluse.

Voir le Modèle

Next.js Templates Avantages Techniques

Nos modèles React sont conçus avec une optimisation des performances, une intégration TypeScript et une architecture conviviale pour accélérer le développement de votre application web.

Design Responsive

Next.js Templates entièrement adaptatifs avec des points d'arrêt réactifs pour l'optimisation des écrans mobiles, tablettes et ordinateurs.

Accessibilité

HTML sémantique, attributs ARIA et navigation au clavier, conçus avec l'accessibilité à l'esprit.

Haute Performance

Construit sur l'App Router de Next.js avec des composants serveur et des ressources optimisées, pour des pages qui restent rapides en grandissant.

Support TypeScript

Architecture App Router de Next.js avec composants serveur pour réduire le JavaScript côté client et améliorer le temps d'interactivité.

Fonctionnalités de Niveau Entreprise Incluses:

Expérience Développeur

Boîte à outils de développement de niveau entreprise

TypeScript 5.0+ avec vérification stricte des types
Architecture de composants serveur et client
Documentation JSDoc complète

UX et Performance

Métriques d'expérience utilisateur optimisées

Système de design responsive mobile-first
Balisage accessible avec ARIA et navigation au clavier
Rendu rapide grâce aux composants serveur et aux ressources optimisées

Maintenance et Support

Durabilité du projet à long terme

Support inclus avec votre achat
Mises à jour régulières de sécurité et du framework
Structure sémantique optimisée pour le SEO

Toutes les Next.js Templates implémentent les patterns modernes de React 19, l'architecture App Router et l'optimisation des Web Vitals pour des performances favorables au SEO.

Communauté Mondiale d'Utilisateurs

Rejoignez des milliers de développeurs à travers le monde qui font confiance à Aniq-UI pour leurs projets. Nos modèles sont utilisés partout dans le monde pour créer des expériences web impressionnantes.

Accueil Modèles Blog

Nous Contacter

Une question sur un template ou votre achat ? Contactez-nous