01 · Mise en page
Design Responsive
Des mises en page mobile, tablette et bureau à partir d'un seul jeu de composants, avec un menu mobile et des zones tactiles de 44px.
En savoir plus: Design ResponsivePremium
Template de site étudiant LMS Next.js
Un site étudiant LMS en Next.js 16 avec catalogue de cours, pages de cours, paiement et un tableau de bord d'apprentissage avec lecteur de leçons, quiz, certificats, classes en direct et messagerie, en anglais et en arabe.
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
Ou obtenez tout avec Full Stack pour $179- Utilisation dans un nombre illimité de projets commerciaux. Travail client inclus.
- Paiement unique, mises à jour gratuites
- Facture professionnelle avec votre numéro de TVA
- Utilisation dans un nombre illimité de projets commerciaux. Travail client inclus.
- Paiement unique, mises à jour gratuites
- Facture professionnelle avec votre numéro de TVA
Un site étudiant LMS en Next.js 16 avec catalogue de cours, pages de cours, paiement et un tableau de bord d'apprentissage avec lecteur de leçons, quiz, certificats, classes en direct et messagerie, en anglais et en arabe.
Un site étudiant LMS en Next.js 16 avec catalogue de cours, pages de cours, paiement et un tableau de bord d'apprentissage avec lecteur de leçons, quiz, certificats, classes en direct et messagerie, en anglais et en arabe.
Cours
Transformez le contenu de vos cours en expérience d'apprentissage
Les étudiants trouvent un cours dans le catalogue, lisent sa page, s'inscrivent, puis apprennent leçon par leçon depuis leur propre tableau de bord.
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
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
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.
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
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
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.
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.
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
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.
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
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.
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.
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
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.
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 nombre illimité de projets commerciaux, y compris le travail livré à vos clients.
- 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. L'assistant de cette page répond en quelques secondes, et le support par e-mail est inclus avec chaque achat, à l'adresse support@aniq-ui.com, avec une réponse sous 4 heures.
- 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.
Fait partie d'un template full-stack
Modèle LMS Next.js avec IA et classes en direct
Cette application fait partie d'un template full-stack. Le template complet réunit toutes les parties en un seul achat.
Voir le template completTarifs
Choisissez votre formule
Un seul paiement pour le code source complet, à modifier et déployer librement.
Tout inclus
Full Stack
Site étudiant + Tableau de bord admin et formateur + API NestJS avec TypeORM et authentification
Ce qui est inclus
- Site étudiant$79
- Tableau de bord admin et formateur$99
- API Backend$99
Acheté séparément$277
Vous économisez$98
$179
Ou achetez une seule partie
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
Paiements sûrs et sécurisés par Paddle
Un reçu de TVA vous est envoyé par e-mail après l'achat.
Template de site étudiant LMS Next.js
Site étudiant
$79$79
Modèles Associés
Restaurant
$179Restaurant
Full Stack
Nouveau
IA
Food Studio est un template restaurant Next.js full-stack : un site de commande avec la carte, les menus, le panier, le paiement et le suivi de commande, un dashboard d'équipe pour les commandes, la carte et les cuisines, une API NestJS, des outils IA pour les photos de plats, et l'anglais et l'arabe avec RTL.
Site de commande restaurant
$79Restaurant
Site de commande
Nouveau
IA
Un site de commande pour restaurant en Next.js 16 avec menu, formules, composeur de repas, panier, paiement, suivi de commande et comptes clients, en anglais et en arabe.
Dashboard admin restaurant
$99Restaurant
Dashboard d'équipe
Nouveau
IA
Un dashboard d'administration pour restaurant en Next.js 16 pour gérer les commandes, le menu, les catégories, les clients, les cuisines et l'équipe, avec un studio IA pour les photos de plats, en anglais et en arabe.
Avantages techniques
Conçus pour chaque écran et chaque utilisateur
Chaque template premium est responsive, accessible, rapide et typé dès le premier commit, pour lancer votre projet sur un code prêt pour la production.
En savoir plus: Design Responsive02 · Inclusif
Accessibilité
HTML sémantique, contrôles étiquetés, anneau de focus visible au clavier et prise en charge du mouvement réduit.
En savoir plus: Accessibilité03 · Vitesse
Haute Performance
Images et polices optimisées, données en cache et métadonnées sur chaque route.
En savoir plus: Haute Performance04 · Types
Support TypeScript
TypeScript strict dans chaque application, avec des props, des réponses d'API et des modèles de données typés.
En savoir plus: Support TypeScriptFonctionnalités de Niveau Entreprise Incluses
Expérience Développeur
- TypeScript 5.0+ avec vérification stricte des types
- Architecture de composants serveur et client
- Guide de démarrage rapide et documentation des fonctionnalités
UX et Performance
- 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
- Support inclus avec votre achat
- Mises à jour régulières de sécurité et du framework
- Structure sémantique optimisée pour le SEO
Préférences des Cookies
Nous utilisons des cookies pour améliorer votre expérience de navigation, analyser le trafic du site et personnaliser le contenu. En cliquant sur "Accepter Tout", vous consentez à notre utilisation des cookies pour l'analyse et la publicité personnalisée.