Next.js 14 Full Stack Project for Beginners | Build and Deploy Next.js 14 Project | 2024 | Hindi
Next.js 14 Full Stack Project for Beginners | Build and Deploy Next.js 14 Project | 2024 | Hindi | Next.js 14 Tutorial | Next.js 14 Full course 2024 | Next.js 14 Crash course
Welcome to our comprehensive Next.js 14 tutorial video where we delve into every aspect of Next.js 14. In this project, I will guide you through developing a Food Delivery Application using Next.js 14's powerful Pages router. I'll leverage TailwindCSS for styling and MongoDB Atlas for database management, creating a full-stack project that showcases the practical application of Next.js 14 including a basic Admin Panel. Join me on this journey as we explore the depths of Next.js 14, mastering its concepts and applying them in a real-world scenario. Whether you're new to Next.js or looking to expand your skills, this tutorial promises to be insightful, engaging, and packed with practical knowledge. Let's build something amazing together!
✅✅——— IMPORTANT LINKS——— ✅✅
🧑💻 Code Link - https://github.com/arshdeepsingh2267/next-pizza
Next.js 14 - https://nextjs.org/
📁 CardData.json - https://github.com/arshdeepsingh2267/next-pizza/blob/master/src/store/cardData.json
📁 CardData1.json - https://github.com/arshdeepsingh2267/next-pizza/blob/master/src/store/cardData1.json
Context API - https://youtu.be/KYxiiL0QWcU?t=10695
Context API + useReducer - https://youtu.be/KYxiiL0QWcU?t=12529
——— ——— ——— ——— ——— ——— ———
✅🔴 Content Creator & Video Editor: Arshdeep Singh - https://www.linkedin.com/in/arshdeep-singh123/
——— ——— ——— ——— ——— ——— ———
✅ Timestamp ✅
00:00:00 - Introduction to Project
00:10:51 - Next.js Vs React.js?
00:12:31 - CSR, SSR & SSG
00:22:56 - Getting started with Next.js
00:30:30 - Project Setup
00:36:25 - Dark theme setup
00:39:16 - Creating Layout
00:41:58 - Navbar
00:49:32 - 404 Page
00:50:27 - Pages routes explanation
00:53:26 - Navbar (continue)
00:50:27 - Creating different routes
00:58:27 - Footer
00:59:44 - Login Page
01:13:15 - Signup Page
01:13:15 - Dark & Light theme
01:25:05 - C
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
Related AI Lessons
Chapters (16)
Introduction to Project
10:51
Next.js Vs React.js?
12:31
CSR, SSR & SSG
22:56
Getting started with Next.js
30:30
Project Setup
36:25
Dark theme setup
39:16
Creating Layout
41:58
Navbar
49:32
404 Page
50:27
Pages routes explanation
53:26
Navbar (continue)
50:27
Creating different routes
58:27
Footer
59:44
Login Page
1:13:15
Signup Page
1:13:15
Dark & Light theme
🎓
Tutor Explanation
DeepCamp AI