Скачать с ютуб Full Stack Udemy Clone avec Nextjs, React, Tailwind, Auth.js, Prisma, Postgresql | SaaS LMS в хорошем качестве

Full Stack Udemy Clone avec Nextjs, React, Tailwind, Auth.js, Prisma, Postgresql | SaaS LMS

⭐️ Code Source & Plus: https://github.com/P-Essonam/udemy-clone 💬 Discord & Aide:   / discord   Next js: https://nextjs.org Shadcn: https://ui.shadcn.com Mux: https://www.mux.com Uploadthing: https://uploadthing.com Prisma: https://www.prisma.io Next Auht V5: https://authjs.dev/getting-started/mi... Google cloud console: https://console.cloud.google.com Dans ce tutoriel de 9 heures, vous apprendrez à créer votre propre plateforme LMS (Système de Gestion d'Apprentissage). Nous utiliserons les technologies les plus récentes telles que Next 14 avec App Router, Prisma comme ORM, Stripe pour les paiements, et bien d'autres. Fonctionnalités principales : Navigation et filtrage des cours Achat de cours via Stripe Marquage des chapitres comme terminés ou non terminés Calcul de la progression pour chaque cours Tableau de bord étudiant Mode enseignant Création de nouveaux cours Création de nouveaux chapitres Réorganisation facile de la position des chapitres par glisser-déposer Téléchargement de vignettes, pièces jointes et vidéos avec UploadThing Traitement vidéo avec Mux Lecteur vidéo HLS utilisant Mux Éditeur de texte enrichi pour la description des chapitres Authentification avec Authjs ORM utilisant Prisma Timestamps 00:00 Intro & Demo 07:02 Configuration du projet 15:50 Configuration des dossiers 22:31 Prisma et configuration de la base de données 32:51: Authentification 1:55:28 Barre de navigation dynamique (Navbar) 2:15:39 Barre latérale dynamique (Sidebar) 2:30:37 Interface utilisateur pour la création de cours 2:43:25 Finalisation du schéma Prisma 2:57:19 Server action de création de cours 3:03:02 Page d'édition des cours 3:15:04 Formulaire de titre de cours 3:26:26 Formulaire de description de cours 3:32:05 Formulaire de prix des cours 3:37:40 Formulaire de catégorie de cours 3:49:59 Formulaire d'ajout Image 4:11:00 Formulaire d'attachement au cours 4:23:37 Fonctionnalité d'ajout et de réorganisation de chapitres 4:51:21 Interface utilisateur de la page d'édition du chapitre 5:02:11 Formulaire de description de chapitre 5:09:30 Formulaire d'accès au chapitre 5:16:35 Formulaire de vidéo du chapitre 5:30:12 Composant de publication de chapitre 5:43:33 Composant de publication de cours 5:49:34 Tableau de données sur les cours 6:02:02 Requête sur les catégories 6:15:07 Requête de recherche 6:20:16 Grille de cours et interface graphique 6:40:25 Présentation des cours et des chapitres 7:02:57 Lecteur vidéo HLS 7:26:40 Intégration de Stripe 7:49:19 Fonctionnalité de progression 8:08:16 Tableau de bord de l'élève 8:16:04 Tableau de bord analytique de l'enseignant 8:24:11 Next-international