Full Stack Netflix Clone in React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth & Vercel (2023)

(CC) Blender Foundation | mango.blender.org
(c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org
(c) copyright 2008, Blender Foundation / www.bigbuckbunny.org
© copyright Blender Foundation | durian.blender.org
© copyright Blender Foundation | www.sintel.org

Discord for any problems/errors/bugs: https://www.codewithantonio.com/discord
Github & Live Website: https://www.codewithantonio.com/projects/video-platform

Are you looking to create a fullstack Netflix clone? Look no further! This video will show you how to use React, Tailwind CSS, Next.JS, Prisma, MongoDB, and NextAuth to create a powerful and scalable application. Plus, I’ll show you how to deploy it on Vercel!

00:00 Intro
02:05 Environment setup
08:47 Auth Screen UI
34:58 NextAuth, Prisma, Mongo Setup
01:20:39 Google and Github OAuth
01:33:40 Protecting routes, Profiles screen
02:00:22 Navbar Component
02:27:13 Billboard Component, Random Movie Endpoint
02:46:18 Movie List & Movie Card Components, Movies Endpoint, Cool hover effect
03:06:58 Favorites / My List functionality
03:29:19 Play Button, Video Player, Single Movie Endpoint
03:46:24 Info Modal Component
04:09:33 Vercel Deployment