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