Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

I made a netflix clone with the Theo stack, Next.js server components, and shadcn ui-library. It includes: 1. Netflix subscription plan with stripe 2. Profile creation crud operation for individual users 3. Pin verification for profiles

326,839 Aufrufe • vor 3 Jahren •via X (Twitter)

72 Kommentare

Profilbild von sadman
sadmanvor 3 Jahren

@nextjs @shadcn Website link: Github repo:

Profilbild von sadman
sadmanvor 3 Jahren

Y'all can search shows with Ctrl + k

Profilbild von sadman
sadmanvor 3 Jahren

Fix the bug on the profile dropdown menu. Just reached the hobby tier limit of vercel tho

Profilbild von sadman
sadmanvor 3 Jahren

I am getting this on my vercel account. It is because of the exceeding limit of the hobby tier maybe

Profilbild von sadman
sadmanvor 3 Jahren

Just crossed 200 stars on github. Thanks y'all for checking my project out

Profilbild von Sully
Sullyvor 3 Jahren

@t3dotgg @nextjs @shadcn dude this is insane! good stuff

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn Thanks a lot dude

Profilbild von Sully
Sullyvor 3 Jahren

@t3dotgg @nextjs @shadcn lmk if you ever wana join an ai product team 😅

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn I have built some ai projects. What kinnda projects do you guys build

Profilbild von Sully
Sullyvor 3 Jahren

@t3dotgg @nextjs @shadcn Building something cool with agents :) dm me! i'll give you a bit more info

Profilbild von Jean Baez
Jean Baezvor 3 Jahren

@t3dotgg @nextjs @shadcn I tried to do something similar, how you manage to pull the data from the movie database to your own database ? @sadmann17

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn I am using tmdb api. I made a schema named MyShow in prisma with the keys of tmdb movie object. I am saving it there

Profilbild von Dominick J. Monaco
Dominick J. Monacovor 3 Jahren

@t3dotgg @nextjs @shadcn Dude your skills are actually saucy

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn thanks man

Profilbild von Crypto Angel 📈👑📉
Crypto Angel 📈👑📉vor 3 Jahren

@t3dotgg @nextjs @shadcn While I was trying to figure out what you did... Still don´t get it though. 🙄

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn Vercel hobby tier limit has been exceed. So the deployment is disabled

Profilbild von Carlos
Carlosvor 3 Jahren

@t3dotgg @nextjs @shadcn Good stuff! I love that you added the Game Handle feature in the Profile Management page

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn gotta look out for my fellow gamers

Profilbild von 3IMAD
3IMADvor 3 Jahren

@t3dotgg @nextjs @shadcn awsome job , just want to mention that IDs are only unique within their own Media type (Movie/TV show) so it is possible that a movie and TV have the same ID for ex : Reservoir Dogs 1992 (movie) Mad About You 1992 (tv show) if u add one to Mylist u cant add the other one

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn Never really thought about it. I made id on my prisma schema non unique. As each profile can have the same show. Unique ids for shows were returning the unique constraint failed on the (not available) error. It works fine this way

Profilbild von Frosty
Frostyvor 3 Jahren

@t3dotgg @nextjs @shadcn Holy shit damn

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn Thanks for checking it out dude

Profilbild von Frosty
Frostyvor 3 Jahren

@t3dotgg @nextjs @shadcn Of course, mad talent dude. Respect

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn It's my first time working with server components. They are pretty good

Profilbild von .
.vor 3 Jahren

@t3dotgg @nextjs @shadcn its so rare to see people share the auth implementation on the new Next13 with appDir. I had to thank you personally :)

Profilbild von sadman
sadmanvor 3 Jahren

@canspireon_ @t3dotgg @nextjs @shadcn Auth is still on the pages directory. I will move it to the app directory soon

Profilbild von Crypto Angel 📈👑📉
Crypto Angel 📈👑📉vor 3 Jahren

So, you did something really cool! You created your own version of Netflix, right? And to do this, you used different technologies such as the @t3dotgg stack, @nextjs server components, and the @shadcn UI library. With your version of Netflix, users can subscribe to a plan and create a profile where they can save their favorite shows. Additionally, there is a PIN verification to make sure that only the people who are supposed to access the profile can do so. Is that correct? And how much would I pay with your subscription, my gf just left me and with it went Netflix ...

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn 69.420 per month

Profilbild von Crypto Angel 📈👑📉
Crypto Angel 📈👑📉vor 3 Jahren

@t3dotgg @nextjs @shadcn

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn double it, and give it to the next person 😅

Profilbild von Nikhar Pandya 🇨🇦 🇮🇳
Nikhar Pandya 🇨🇦 🇮🇳vor 3 Jahren

@t3dotgg @nextjs @shadcn This looks really good, also the project structure looks incredible.

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn I followed the taxonomy repo of shadcn Feel free to check it out. It is pretty cool

Profilbild von Nikhar Pandya 🇨🇦 🇮🇳
Nikhar Pandya 🇨🇦 🇮🇳vor 3 Jahren

@t3dotgg @nextjs @shadcn Yeah just checked it few days ago, pretty cool.

Profilbild von Alberto Barrago
Alberto Barragovor 3 Jahren

@t3dotgg @nextjs @shadcn A real good job 💪🏻

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn thanks man 🙏

Profilbild von Carter
Cartervor 3 Jahren

@t3dotgg @nextjs @shadcn I hope oneday I can code like that but I have years to go

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn keep coding man

Profilbild von Carter
Cartervor 3 Jahren

@t3dotgg @nextjs @shadcn Thanks

Profilbild von Fariz Saputra
Fariz Saputravor 3 Jahren

@t3dotgg @nextjs @shadcn You r rawk dude

Profilbild von John B
John Bvor 3 Jahren

@t3dotgg @nextjs @shadcn Nice work 👍

Profilbild von Sabin Adams
Sabin Adamsvor 3 Jahren

@t3dotgg @nextjs @shadcn @sadmann17 This is super clean! I would love to have you on our live stream to talk about this project. Your DMs are closed, but maybe you could hit me up?

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn Thanks a lot man. I would like to talk

Profilbild von TheStefanShow
TheStefanShowvor 3 Jahren

@t3dotgg @nextjs @shadcn Looks great 👏

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn thanks man

Profilbild von kevin
kevinvor 3 Jahren

@t3dotgg @nextjs @shadcn Using @storj for video streaming?

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn @storj can only play trailer with the tmdb api

Profilbild von Mir Ashif
Mir Ashifvor 3 Jahren

@t3dotgg @nextjs @shadcn good stuff 👌

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn thanks man 🙏

Profilbild von Stward
Stwardvor 3 Jahren

@t3dotgg @nextjs @shadcn Wow, dude. That looks clean.

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn thanks dude

Profilbild von Basit | connoisseur of oranges 🍊
Basit | connoisseur of oranges 🍊vor 3 Jahren

@t3dotgg @nextjs @shadcn this is awesome ❤️

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn Thanks for checking it out 🙏

Profilbild von Matyas Heins
Matyas Heinsvor 3 Jahren

@t3dotgg @nextjs @shadcn Awesome job, this looks fantastic! I think some optimistic updates would improve the ux even more 🚀

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn React swiper wasn't working for me on nextjs 13. Need to make the carousel better

Profilbild von Dwarf
Dwarfvor 3 Jahren

@mat_heins @t3dotgg @nextjs @shadcn You can try alice-carousel

Profilbild von sadman
sadmanvor 3 Jahren

@mat_heins @t3dotgg @nextjs @shadcn Does it support keyboard navigation?

Profilbild von PunishedFlew
PunishedFlewvor 3 Jahren

@t3dotgg @nextjs @shadcn This is genuinely great!

Profilbild von Whoamiᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ
Whoamiᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠvor 3 Jahren

@t3dotgg @nextjs @shadcn This is awesome 👌

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn thanks man

Profilbild von atlas
atlasvor 3 Jahren

@t3dotgg @nextjs @shadcn hell yeah dude

Profilbild von sadman
sadmanvor 3 Jahren

@FalaseScript @t3dotgg @nextjs @shadcn Thanks dude

Profilbild von 0xTre 🦇🔊
0xTre 🦇🔊vor 3 Jahren

@t3dotgg @nextjs @shadcn This is excellent 👌

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn thanks man 😀

Profilbild von avenger
avengervor 3 Jahren

@t3dotgg @nextjs @shadcn Nice. I see you used Tailwind, my question is was it's predefined classes enough or you had to do classic css?

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn Predefined classes are enough. You just need @shadcn ui components. You can build pretty much anything with them

Profilbild von james bowler 👹
james bowler 👹vor 3 Jahren

@t3dotgg @nextjs @shadcn Wow, nice work!

Profilbild von TER STEGEN SHOULD LEAVE🦅
TER STEGEN SHOULD LEAVE🦅vor 3 Jahren

@t3dotgg @nextjs @shadcn did you use TRPC or REST?

Profilbild von sadman
sadmanvor 3 Jahren

@t3dotgg @nextjs @shadcn rest for ferching movies, and trpc for profiles

Profilbild von Juan
Juanvor 3 Jahren

@t3dotgg @nextjs @shadcn It looks great 👍

Profilbild von Colbert
Colbertvor 3 Jahren

@t3dotgg @nextjs @shadcn

Profilbild von swiftwarp
swiftwarpvor 3 Jahren

@t3dotgg @nextjs @shadcn @ThePrimeagen rate this one on stream

Profilbild von Jon
Jonvor 3 Jahren

@t3dotgg @nextjs @shadcn Man, really sick and tired of these clones..

Ähnliche Videos