finds.dev← search

// the find

sadmann7/netflx-web

★ 769 · TypeScript · updated Jun 2024

An open source Netflix clone built using the new app router, server components, trpc, and everything new in Next.js 13.

A Netflix clone built with the T3 stack (Next.js 13 app router, tRPC, Prisma, NextAuth, Stripe) that implements multi-profile auth, subscription billing, and a show-browsing UI. This is a learning project — something to study when you're trying to understand how these pieces fit together, not a production-ready streaming platform.

The tRPC setup with server components is done properly, including a custom `@trpc/next-layout` shim that predated official RSC support — that part is worth reading if you're navigating the same problem. Stripe subscription + webhook flow is end-to-end wired, not stubbed. The multi-profile with PIN verification is a non-trivial feature that most clones skip. File structure is clean and the route groups (`(auth)`, `(dashboard)`, `(shows)`) keep concerns separated.

Last pushed June 2024 and targets Next.js 13's early app-router patterns — by now some of the tRPC RSC glue it rolled by hand (`src/@trpc/next-layout`) is obsolete since the official packages caught up. No actual video — it pulls show metadata from TMDB but there's nothing to play, so the 'Netflix clone' framing is mostly UI. The custom `@trpc/next-layout` directory living inside `src/` is a red flag for maintainability; this kind of vendored fork rots fast. No tests anywhere in the tree.

View on GitHub → Homepage ↗

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →