正在加载视频...

视频加载失败

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 次观看 • 3 年前 •via X (Twitter)

72 条评论

sadman 的头像
sadman3 年前

@nextjs @shadcn Website link: Github repo:

sadman 的头像
sadman3 年前

Y'all can search shows with Ctrl + k

sadman 的头像
sadman3 年前

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

sadman 的头像
sadman3 年前

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

sadman 的头像
sadman3 年前

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

Sully 的头像
Sully3 年前

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

sadman 的头像
sadman3 年前

@t3dotgg @nextjs @shadcn Thanks a lot dude

Sully 的头像
Sully3 年前

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

sadman 的头像
sadman3 年前

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

Sully 的头像
Sully3 年前

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

Jean Baez 的头像
Jean Baez3 年前

@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

sadman 的头像
sadman3 年前

@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

Dominick J. Monaco 的头像
Dominick J. Monaco3 年前

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

sadman 的头像
sadman3 年前

@t3dotgg @nextjs @shadcn thanks man

Crypto Angel 📈👑📉 的头像
Crypto Angel 📈👑📉3 年前

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

sadman 的头像
sadman3 年前

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

Carlos 的头像
Carlos3 年前

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

sadman 的头像
sadman3 年前

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

3IMAD 的头像
3IMAD3 年前

@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

sadman 的头像
sadman3 年前

@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

Frosty 的头像
Frosty3 年前

@t3dotgg @nextjs @shadcn Holy shit damn

sadman 的头像
sadman3 年前

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

Frosty 的头像
Frosty3 年前

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

sadman 的头像
sadman3 年前

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

. 的头像
.3 年前

@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 :)

sadman 的头像
sadman3 年前

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

Crypto Angel 📈👑📉 的头像
Crypto Angel 📈👑📉3 年前

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 ...

sadman 的头像
sadman3 年前

@t3dotgg @nextjs @shadcn 69.420 per month

Crypto Angel 📈👑📉 的头像
Crypto Angel 📈👑📉3 年前

@t3dotgg @nextjs @shadcn

sadman 的头像
sadman3 年前

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

Nikhar Pandya 🇨🇦 🇮🇳 的头像
Nikhar Pandya 🇨🇦 🇮🇳3 年前

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

sadman 的头像
sadman3 年前

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

Nikhar Pandya 🇨🇦 🇮🇳 的头像
Nikhar Pandya 🇨🇦 🇮🇳3 年前

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

Alberto Barrago 的头像
Alberto Barrago3 年前

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

sadman 的头像
sadman3 年前

@t3dotgg @nextjs @shadcn thanks man 🙏

Carter 的头像
Carter3 年前

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

sadman 的头像
sadman3 年前

@t3dotgg @nextjs @shadcn keep coding man

Carter 的头像
Carter3 年前

@t3dotgg @nextjs @shadcn Thanks

Fariz Saputra 的头像
Fariz Saputra3 年前

@t3dotgg @nextjs @shadcn You r rawk dude

John B 的头像
John B3 年前

@t3dotgg @nextjs @shadcn Nice work 👍

Sabin Adams 的头像
Sabin Adams3 年前

@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?

sadman 的头像
sadman3 年前

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

TheStefanShow 的头像
TheStefanShow3 年前

@t3dotgg @nextjs @shadcn Looks great 👏

sadman 的头像
sadman3 年前

@t3dotgg @nextjs @shadcn thanks man

kevin 的头像
kevin3 年前

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

sadman 的头像
sadman3 年前

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

Mir Ashif 的头像
Mir Ashif3 年前

@t3dotgg @nextjs @shadcn good stuff 👌

sadman 的头像
sadman3 年前

@t3dotgg @nextjs @shadcn thanks man 🙏

Stward 的头像
Stward3 年前

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

sadman 的头像
sadman3 年前

@t3dotgg @nextjs @shadcn thanks dude

Basit | connoisseur of oranges 🍊 的头像
Basit | connoisseur of oranges 🍊3 年前

@t3dotgg @nextjs @shadcn this is awesome ❤️

sadman 的头像
sadman3 年前

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

Matyas Heins 的头像
Matyas Heins3 年前

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

sadman 的头像
sadman3 年前

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

Dwarf 的头像
Dwarf3 年前

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

sadman 的头像
sadman3 年前

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

PunishedFlew 的头像
PunishedFlew3 年前

@t3dotgg @nextjs @shadcn This is genuinely great!

Whoamiᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ 的头像
Whoamiᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠᅠ3 年前

@t3dotgg @nextjs @shadcn This is awesome 👌

sadman 的头像
sadman3 年前

@t3dotgg @nextjs @shadcn thanks man

atlas 的头像
atlas3 年前

@t3dotgg @nextjs @shadcn hell yeah dude

sadman 的头像
sadman3 年前

@FalaseScript @t3dotgg @nextjs @shadcn Thanks dude

0xTre 🦇🔊 的头像
0xTre 🦇🔊3 年前

@t3dotgg @nextjs @shadcn This is excellent 👌

sadman 的头像
sadman3 年前

@t3dotgg @nextjs @shadcn thanks man 😀

avenger 的头像
avenger3 年前

@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?

sadman 的头像
sadman3 年前

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

james bowler 👹 的头像
james bowler 👹3 年前

@t3dotgg @nextjs @shadcn Wow, nice work!

TER STEGEN SHOULD LEAVE🦅 的头像
TER STEGEN SHOULD LEAVE🦅3 年前

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

sadman 的头像
sadman3 年前

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

Juan 的头像
Juan3 年前

@t3dotgg @nextjs @shadcn It looks great 👍

Colbert 的头像
Colbert3 年前

@t3dotgg @nextjs @shadcn

swiftwarp 的头像
swiftwarp3 年前

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

Jon 的头像
Jon3 年前

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

相关视频

Every serious vibe coder should have bookmarked it. 25 vibe coding resources to keep yourself ahead of the competition. 1. - 600+ award-winning prompts + full source code for 3D and scroll-driven websites. - 100+ 3D scenes, 200+ interactive gradients, 200+ UI components. - Copy the prompt, paste into Claude, Cursor or Lovable, launch live. 2. Minimal Gallery ( - curated high-end sites to feed your agent 3. Godly ( - hand-picked sites with serious craft 4. Refero Styles ( - 2,000+ real product styles with typography 5. Component Gallery ( - 2,600+ examples of how top design systems solve the same element 6. Mobbin ( - real app flows from real products 7. DESIGNmd ( - design systems as markdown your agent can read 8. VibePrompt ( - ready-made prompts for dashboards and landing pages 9. ( - component registry that plugs into agents via MCP 10. Kinetics ( - 150+ motion effects with React code and prompts 11. shadcn/ui ( - still the gold standard for clean, reusable UI 12. Aceternity UI ( - 200+ animated React/Tailwind components 13. Magic UI ( - beautifully designed components for modern web apps 14. Motion Primitives ( - ready-to-use animation and interaction components 15. Uiverse ( - community-built UI elements and interactive components 16. Shadcnblocks ( - full blocks, not just buttons 17. mapcn ( - map components, markers, routes, popups 18. Awwwards ( - the sites that actually won 19. Liquid Glass ( - glass refraction components and effects 20. CSS Text Effects ( - creative CSS text animations and effects 21. Circle Loaders ( - creative loading animations and loaders 22. Gradient Buttons ( - gradient button styles and effects 23. Shadertoy ( - shaders to study and remix 24. 3Dicons ( - a library of free 3D icons for modern interfaces 25. Anime.js ( - lightweight JavaScript animation library for the web If you're building with AI, this list will save you hours. Save it. 🔖

Himanshu Hingorani

22,098 次观看 • 2 天前