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