Free tutorials
Netflix Clone using Next.js 143h 31m

Netflix Clone using Next.js 14

@janmarshalcoding3h 31mIntermediate
nextjssupabaseprismanext-authtailwindcssshadcntypescriptvercel

Source code

Free

The complete source code is free. Clone the repository and build along with the tutorial.

About this tutorial

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.

Features:

  • 🌐 Nextjs App Router

  • πŸ’Ώ Supabase Database

  • 🎨 Styling with Tailwind and Shadcn UI

  • πŸ” Next-Auth Authentication

  • πŸ”‘ OAuth (Google and GitHub)

  • πŸ“§ Passwordless Auth

  • πŸ’¨ Prisma ORM

  • πŸ˜Άβ€πŸŒ«οΈ Deployment to Vercel

After the tutorial

Wiring auth by hand is the right way to learn it. Wiring it again on every product you ship is not. SyntaxKit is a Next.js starter kit with Better Auth, OAuth, and 2FA already wired in.

From $199 Β· one-time payment Β· lifetime updates