Build a Full Stack E-Learning App | NextJS, Strapi, Typescript, MUI - 4.Courses

Опубликовано: 16 Октябрь 2024
на канале: Frontend Now
2,433
41

📚 We build out our Courses and lesson infrastructure on our E-Learning Platform using Strapi & NextJS. We work with dynamic routes, custom hooks to fetch the API and building the backend endpoints + relations to other endpoints to make our courses work. Join us to see how it's done!

Links 🔗
► https://github.com/thehashton/curious...

💬 Join us on our discord here:
►   / discord  

Visit our website:
► https://www.curiousbyte.dev

FOLLOW ✅
►   / thehashton  
►   / curious_byte  

SUPPORT THE CHANNEL ❤️
► https://www.buymeacoffee.com/curiousbyte

#frontend #webdev #developer #javascript #typescript #webdevelopment #mui #courses #coursesinengineering #learningplatform #elearning #elearningdevelopment

0:00 Intro
1:03 New courses UI
3:45 Course backend
7:41 Adding lessons
10:50 Courses Data Hook
16:08 Hero component
18:04 CourseCard component
23:01 CourseGrid component
27:13 Course page
29:13 Course Header
32:23 Course ID Page
37:25 Lesson + Lesson ID page
40:32 Bad data handling in UI
41:18 Outro