Build and Deploy a Modern E-learning Website with Next.js 14, React, TypeScript, and Tailwind CSS
Learn how to create a cutting-edge E-learning website using Next.js 14, React, TypeScript, and Tailwind CSS in this step-by-step tutorial. Follow along as we cover everything from setting up the project to deploying the site. By the end of this video, you'll have the skills to build your modern E-learning platform. Let's get started!
✅ LIVE LINK: https://elearning-yt.vercel.app/
----------------------------------------------------------------------------------------------------------------------
❤️Get Full Source Code :
https://buymeacoffee.com/webdevwarrio...
❤️Starter File:
https://github.com/SajalTalukder/elea...
-----------------------------------------------------------------------------------------------------------------------
Timestamp :
00:00:00 - Project Demo
00:04:20 - Setup + Basic Next.js
00:16:36 - Navbar
00:52:07 - Hero Section
01:12:55 - About Section
01:26:31 - Courses Section
01:49:30 - Feature Section
02:00:45 - Review Slider
02:23:58 - Article Section
02:38:50 - Footer
02:54:55 - Scroll To Top Functionality
03:02:05 - Scroll Animation
03:16:39 - Deployment
------------------------------------------------------------------------------------------------------------------
Affiliate Links :
✅ Learn Web Development with Skillshare ( 30 days free ): https://skillshare.eqcm.net/xk6PD5
✅Learn Web Development with Coursera: https://imp.i384100.net/OrJeGQ
✅Namecheap's domain and hosting:https://namecheap.pxf.io/LXdBVZ
✅Best Book to learn JavaScript: https://amzn.to/4bDgXtc
✅Keyboard and Mouse Combo I use: https://amzn.to/42G5tB8
✅The laptop stand I use: https://amzn.to/49FdTe3
-----------------------------------------------------------------------------------------------------------------------
🤝 For Paid Projects message us :
Sajal Talukder : / sajal-talukder
Rakibul Anas : / rakibulanas777
Facebook Page: / webdevwarriors
Instagram: / webdevwarriors
-----------------------------------------------------------------------------------------------------------------------
❤️ Support The Channel:
https://www.buymeacoffee.com/webdevwa...
----------------------------------------------------------------------------------------------------------------------
Don't forget to check out our Popular Playlist :
✅MERN Stack WebApp Project : • MERN Stack WebApp
✅React Project: • React Website
✅Next JS Project: • Next JS Project
✅JavaScript Project: • JavaScript Project
-----------------------------------------------------------------------------------------------------------------------
#nextjs #typescript #tailwindcss #react