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
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.
Tout inclus
Full Stack
Site étudiant + Tableau de bord admin et formateur + API NestJS avec TypeORM et authentification
Prix de lancement · 30% de réduction pour les 3 premiers acheteurs
+ IOF (3,5 %) · Payez par Pix ou cartePayez en reais par Pix ou carte. Le Brésil ajoute 3,5 % de taxe IOF au paiement.
- Utilisation dans un nombre illimité de projets commerciaux. Travail client inclus.
- Paiement unique, mises à jour gratuites
- Facture professionnelle avec votre numéro de TVA
Du nouveau chez Aniq-ui
Suivre sur X- Utilisation dans un nombre illimité de projets commerciaux. Travail client inclus.
- Paiement unique, mises à jour gratuites
- Facture professionnelle avec votre numéro de TVA
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.
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.
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é.
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.
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
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
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
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.
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
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
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
- 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.
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.
Tarifs
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$55.30R$277.90
- Tableau de bord admin et formateur$69.30R$347.90
- API Backend$69.30R$347.90
Acheté séparément$193.90R$973.70
Vous économisez$68.60R$345.80
Prix de lancement · 30% de réduction
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
Prix de lancement · 30% de réduction
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
Prix de lancement · 30% de réduction
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
Prix de lancement · 30% de réduction
Inclus dans le pack de 10 modèlesEnviron $30 par modèleEnviron R$150 par modèle
Obtenez les 10 modèles pour $299Obtenez les 10 modèles pour R$1,496.20
Paiements sûrs et sécurisés par Paddle
Un reçu de TVA vous est envoyé par e-mail après l'achat.
Modèle LMS Next.js avec IA et classes en direct
Full Stack
$125.30 $179R$627.90 R$897
$125.30$179R$627.90R$897
Modèles Associés
Restaurant
Restaurant
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
Restaurant
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
Restaurant
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.
Newsletter
Soyez prévenu quand un nouveau template sort
Soyez le premier informé de la sortie d'un nouveau template.
- Nouveaux templates publiés
- Voyez ce qui se prépare et votez
- Sorties gratuites et premium
- Désinscription en un clic
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
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.
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.