Back to Browse

Next.js 14 Netflix Clone using React, Supabase, Next-Auth, Prisma and Tailwind.css

37.8K views
Nov 14, 2023
3:51:21

Ever wondered how to build your own Netflix-like app using Next.js? In this video, we'll dive into the exciting world of Next.js 14 and create a stunning Netflix Clone together. We'll be using popular tools like React, Supabase for managing our database, Next-Auth for authentication, Prisma for efficient database queries, and spicing things up with Tailwind.css and Shadcn/UI for some awesome styling. 👨🏻‍💻Github Repository: https://www.janmarshal.com/courses/next-js-14-netflix-clone-using-react-supabase-next-auth-prisma-and-tailwind-css ☕️ Buy me a coffe: https://www.buymeacoffee.com/janmarshal 🌍 My Website: https://www.janmarshal.com/ 📧 Business ONLY: [email protected] Resources used: Next.js: https://nextjs.org/ Supabase: https://supabase.com/ Prisma: https://www.prisma.io/ Tailwind.css: https://tailwindcss.com/ Shadcn/UI: https://ui.shadcn.com/ Next-Auth: https://next-auth.js.org/ Auth.js: https://authjs.dev/ Timestamps 00:00 Intro 02:30 Installation 09:30 Login and Sign-up Page 37:30 Setup Next-auth 02:00:00 Create the UI Pages 02:15:00 Setup Watch lists using Server Actions 03:40:00 Deploy to Vercel

Download

1 formats

Video Formats

360pmp4413.6 MB

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

Next.js 14 Netflix Clone using React, Supabase, Next-Auth, Prisma and Tailwind.css | NatokHD