Back to Browse

Full Stack AI Powered Netflix Clone in React, NextJS, TypeScript, MongoDB, NextAuth & Tailwind CSS

2.4K views
Dec 4, 2025
5:21:43

If you’re looking to build an awesome AI-powered streaming platform, this video will help you build and deploy a Netflix Clone using Next.js, TypeScript, React.js, MongoDB, Mongoose, NextAuth, Tailwind CSS, Shadcn, and Zustand. 🔥 Learn Next.js 16 from scratch! This course includes full source code, bonus videos, and a deployment guide. Plus it's regularly updated with new projects and the latest Next.js features. Don't miss out! 👉 https://www.udemy.com/course/nextjs-16-complete-course-build-production-ready-projects/?referralCode=3360BEE886D3A68258AA Download Assets for Free: https://www.frontendlab.io/courses Source Code: https://www.frontendlab.io/courses Source Code on BMC: https://buymeacoffee.com/frontendlab.io/e/485688 🚀 Join Frontend Lab Pro: https://frontendlab.io/pro 🙏 Support me on Buy Me a Coffee: https://buymeacoffee.com/frontendlab.io Learn Recursion on Udemy 👉 https://www.udemy.com/course/master-the-recursion-from-beginner-to-advance-level/?referralCode=75F57675BDABF6D104C0 https://discord.com/invite/ATStc5QVdv https://twitter.com/teamfrontendlab https://www.instagram.com/teamfrontendlab https://www.linkedin.com/company/teamfrontendlab Business Inquiries: [email protected] Time Stamps: 00:00:00 - Intro 00:02:43 - Project Demo 00:08:33 - Project Setup 00:10:24 - Sign Up Page 01:05:51 - Login Page 01:10:35 - Google & GitHub OAuth 01:40:23 - Navbar 02:04:32 - Billboard Component 02:19:07 - Movie Info Modal Component 02:40:31 - Movies List & Movie Card Component 03:20:54 - Favourites List & Favourite Card Component 03:55:53 - AI Features, NetflixGPT, Gemini 05:14:16 - Bug Fixes 05:17:09 - Let's Deploy 05:21:30 - Outro

Download

1 formats

Video Formats

360pmp4530.9 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Full Stack AI Powered Netflix Clone in React, NextJS, TypeScript, MongoDB, NextAuth & Tailwind CSS | NatokHD