NextJS E-Com Masterclass: Learn The All New Next JS

Focused View

Niraj Dhungana

19:06:54

89 View

1. Project Intro

1. Project Intro.mp4

11:15

2. Let Me Guide You.mp4

02:00

2. Setup For Windows

1. Node JS.mp4

01:40

2. Mongodb.mp4

02:27

3. VS Code.mp4

01:35

3. Setup For Mac

1. Node JS.mp4

01:29

2. Homebrew.mp4

01:06

3. Mongodb.mp4

02:28

4. Mongodb Compass.mp4

01:03

5. 12-Running Mongodb In The Background.mp4

01:33

6. VS Code.mp4

00:48

7. Open With VS Code.mp4

01:00

4. React & Typescript

1. Typescript.html

2. React TS Project Setup.mp4

02:14

3. Rendering App.mp4

07:49

4. Component & Props.mp4

09:50

5. Input & Change Handler.mp4

09:42

5. Authentication

1. Link to The Components Website.html

2. Project Setup.mp4

11:34

3. Layout.mp4

03:41

4. Navbar.mp4

09:01

5. Navbar Explained.mp4

08:58

6. Sign up Form.mp4

04:19

7. Form State & Validation.mp4

08:26

8. Rendering Errors.mp4

09:23

9. API Route.mp4

07:32

10. Connecting to Local Database.mp4

04:15

11. User Model.mp4

07:38

12. Creating New User.mp4

05:26

13. Hashing Password.mp4

07:09

14. Comparing Password.mp4

04:51

15. Sending Emails.mp4

05:37

16. ChatGPT & Email Verification Token.mp4

10:44

17. Generating Verification Token.mp4

05:01

18. Email Verification Page.mp4

03:36

19. Verify Token Route.mp4

08:43

20. Verifying Token.mp4

06:06

21. Rendering Notification.mp4

04:32

22. Next Auth.mp4

11:24

23. Sign in Route.mp4

09:11

24. Sign in UI.mp4

08:08

25. Auth Session.mp4

05:35

26. Auth Errors.mp4

05:55

27. Sign out.mp4

04:42

28. Guest Route.mp4

07:05

29. Customizing Session.mp4

09:27

30. Forget Password UI.mp4

02:34

31. Forget Password API Route.mp4

07:05

32. Sending Link to Email.mp4

06:11

33. Submitting Request.mp4

04:58

34. Validating Password Reset Token.mp4

08:45

35. Resetting Password.mp4

15:22

36. Production Build.mp4

05:34

37. Learn About Git.html

38. Publishing Application.mp4

09:52

39. Refactoring Send Email.mp4

10:54

40. Sign in along with Sign up.mp4

04:41

41. Private Route.mp4

05:16

42. Fixing Auth Session Profile.mp4

10:59

43. Email Reverification.mp4

13:37

6. Dealing with Products

1. Admin Sidebar.mp4

07:05

2. Fixing Navbar.mp4

06:54

3. Product Table.mp4

05:31

4. Product Form.mp4

11:35

5. Product Model.mp4

07:25

6. Server Action.mp4

07:31

7. Validating Product Info.mp4

05:49

8. Using Validation Schema.mp4

05:10

9. Cloud Storage.mp4

06:27

10. Cloud Signature.mp4

02:59

11. Uploading Image.mp4

08:39

12. Creating New Product.mp4

11:50

13. About Action.mp4

05:52

14. Fetching New Products.mp4

07:45

15. Update Product Page.mp4

08:14

16. Update Product Form.mp4

09:16

17. Fixing Warning.mp4

02:02

18. Lets Understand How to update.mp4

02:42

19. Remove Image From Cloud.mp4

01:54

20. Removing Images.mp4

13:35

21. Removing Images From Cloud.mp4

08:09

22. Update Product 1.mp4

11:04

23. Update Product 2.mp4

08:46

24. Generating Dummy Product.mp4

03:19

25. Generating Multiple Dummy Products.mp4

07:34

26. Pagination.mp4

07:41

27. Fetching & Rendering Products.mp4

06:45

28. Few Little Fixes.mp4

04:17

7. Single Product

1. Dynamic Route.mp4

05:26

2. Rendering Single Product.mp4

07:09

3. Hero Slider.mp4

07:13

4. Cart Model.mp4

05:41

5. Cart API 1.mp4

05:40

6. Cart API 2.mp4

06:41

7. Adding to Cart.mp4

10:17

8. Featured Products

1. Featured Product Model.mp4

04:19

2. Featured Product Form.mp4

05:05

3. Submitting Featured Product Form.mp4

04:53

4. Creating Featured Product.mp4

04:49

5. Featured Product Table.mp4

01:55

6. Rendering Featured Product.mp4

02:58

7. Update Featured Product 1.mp4

06:25

8. Update Featured Product 2.mp4

05:01

9. Deleting Featured Product.mp4

07:11

10. Few Little Fixes.mp4

05:43

11. Featured Product Slider.mp4

07:43

12. Responsive Slider.mp4

02:46

9. Horizontal Menu

1. Horizontal Scroll Menu.mp4

05:05

2. Products by Category.mp4

07:14

10. Profile Page

1. Cart Items Count.mp4

11:21

2. Profile Page.mp4

09:17

3. Updating User Profile.mp4

10:25

4. New Profile Page UI.mp4

07:59

11. More on Next JS

1. Loading UI.mp4

08:28

2. Error Page.mp4

04:01

3. Image Component.mp4

07:19

12. Working with Cart

1. Cart Page.mp4

03:57

2. Fetching Cart Details.mp4

18:44

3. Updating Cart Items.mp4

04:48

4. Deleting Cart.mp4

02:00

5. Empty Cart Message.mp4

02:24

13. Payments & Orders

1. Setting up Stripe.mp4

10:01

2. Checkout Session URL.mp4

15:30

3. Final Checkout.mp4

07:31

4. Order Model.mp4

07:26

5. Stripe CLI.mp4

04:08

6. Using Webhook.mp4

12:06

7. Creating New Order.mp4

10:40

8. Recounting Stock.mp4

04:04

9. Instant Checkout.mp4

07:54

10. Creating Order.mp4

06:57

11. Fetching Orders of Profile.mp4

05:07

12. Rendering Orders.mp4

04:16

13. Orders UI Admin.mp4

15:14

14. Update Delivery API Route.mp4

05:30

15. Updating Delivery Status.mp4

04:43

14. Review

1. Review Form.mp4

05:56

2. Review Model.mp4

03:42

3. CreateUpdate Review.mp4

07:07

4. Submitting Review Form.mp4

05:46

5. Fetching Review Details.mp4

08:41

6. Rendering Reviews.mp4

08:27

7. Average Rating.mp4

09:10

8. Rating Stars.mp4

11:11

9. Rendering Rating Stars.mp4

05:44

15. Sales Report

1. Fetching Sales History.mp4

18:46

2. Sales Chart.mp4

08:56

3. Sales Page UI.mp4

04:01

4. Fixing Review Issue.mp4

06:31

5. Fixing Sales Page Issue.mp4

01:52

6. Out of Stock.mp4

02:14

7. Fetching Similar Products.mp4

03:11

8. Rendering Similar Products.mp4

08:57

9. Latest Order inside Profile Page.mp4

03:25

10. History Model.mp4

03:54

11. Recording History.mp4

08:49

16. Searching Products

1. Admin Search.mp4

08:18

2. Search Bar.mp4

04:48

3. Search Filter UI.mp4

02:34

4. Search Filter.mp4

18:37

5. Searching Products.mp4

09:20

6. Clear Filter.mp4

03:25

17. Wishlist

1. Wishlist Button.mp4

03:21

2. Wishlist Api Route.mp4

08:29

3. Updating Wishlist.mp4

04:03

4. Fetching Wishlisted Products.mp4

07:23

5. Wishlisted Products UI.mp4

07:43

6. Updating Wishlist.mp4

02:37

18. Final Project Setup

1. Final Project.html

2. Using Real Database.mp4

11:54

3. Sending Real Emails.mp4

10:48

4. The Fix.mp4

11:20

5. Stripe Webhook.mp4

07:14

Description

Elevate Your Skills: Master Full-Stack Next JS E-Commerce Development

What You'll Learn?

Build a complete e-commerce app using React, Next js, and TypeScript.
Integrate MongoDB for efficient data storage and retrieval.
Implement Cloudinary for image management and optimization.
Set up email simulation with Mailtrap for testing and debugging.
Develop real-world skills in full-stack development with hands-on projects.
Master essential concepts for creating scalable and modern web applications.

Who is this for?

Who want to master full stack development

Who want to learn Next JS with real world project

What You Need to Know?

You should know React JS

More details

Description
Welcome to the NextJS E-Com Masterclass: Learn The All New Next JS!

Ready to create your very own online store? Join us on a fun-filled journey where you'll learn to build amazing e-commerce websites from start to finish. We'll show you how to use Next.js (a supercharged version of React), along with easy-to-understand tools like TypeScript, MongoDB, Cloudinary, and Mailtrap.

Don't worry if you're new to full stack development â€“ I'll guide you every step of the way. By the end, you'll proudly have a full-stack skill set and the ability to craft impressive online shops. Get started now and let's bring your e-commerce dreams to life!

Why Next.js, you ask? Well, it's more than just another JavaScript library â€“ it's a dynamic framework that supercharges your React applications with server-side rendering, efficient routing, and a fantastic developer experience. With the rise of e-commerce, having a deep understanding of Next.js is a game-changer, and that's exactly what you'll gain through our hands-on approach.

But that's not all â€“ this course is designed to make you a well-rounded developer by introducing you to a variety of essential tools and technologies. From TypeScript, the user-friendly programming language, to MongoDB, a powerful and flexible database solution, you'll learn how to seamlessly integrate these components into your projects.

Cloudinary, the cloud-based image and video management platform, will become your ally in optimizing media for optimal performance and user experience. With Mailtrap, you'll master email testing and debugging, a crucial aspect of delivering reliable communication to your users.

The things we will cover
Complete Authentication system with Next Auth.
Verification Email
Reset Password.
Payment and Orders.
Reviews.
Admin pannel
And so much more.
Â
Who this course is for:
Who want to master full stack development
Who want to learn Next JS with real world project

User Reviews

Rating

average 0

Total votes0

Focused display

I am a full-stack software developer from India. I like to learn new thing all the time. According to my friends and other students whom I teach on YouTube, says that I can explain complex topics in easier way.That's why I'm here to share what I've got so far. I believe in practice so you will always find me doing practical experiments always.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.