Build a Real Netflix Clone with Next.js, MongoDB, and NextAuth

Build a Real Netflix Clone with Next.js, MongoDB, and NextAuth

Code with Ania Kubów via YouTube Direct link

00:00 Introduction

1 of 26

1 of 26

00:00 Introduction

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Build a Real Netflix Clone with Next.js, MongoDB, and NextAuth

Automatically move to the next video in the Classroom when playback concludes

  1. 1 00:00 Introduction
  2. 2 01:42 Getting started
  3. 3 04:52 Discarding suggestions
  4. 4 06:59 Creating Typescript types
  5. 5 09:40 Sample data for seeding our MongoDB Database
  6. 6 10:28 Code for creating our NextAuth authentication
  7. 7 12:22 API route for fetching movies
  8. 8 13:29 API route for seeding our MongoDB Database
  9. 9 14:35 Creating our UI components
  10. 10 15:27 The MovieCard component
  11. 11 16:07 The MovieRow component
  12. 12 16:34 The MovieDisplay component
  13. 13 17:09 Creating the NextAuth provider
  14. 14 17:56 The Home page
  15. 15 20:13 The Login page
  16. 16 21:40 The Registration page for new users
  17. 17 23:23 Adding CSS
  18. 18 27:15 Adding MongoDB and NextAuth configuration
  19. 19 28:49 Final file structure
  20. 20 29:28 Adding our environment variables
  21. 21 33:55Troubleshooting
  22. 22 37:50 Reviewing our UI
  23. 23 39:03 Debugging in Warp with code overrides
  24. 24 41:46 Adding landing pages for each individual movie to the existing code
  25. 25 43:43 Adding custom functionality to the existing code
  26. 26 47:38 The finished product

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.