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

sadmann17's profile picture

sadman

5,018 subscribers

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

BildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Just shipped a new Next.js template! • Uses Postgres and Drizzle for the database • UI components with Tailwind and shadcn/ui • Email/password authentication with JWTs stored to cookies • Dashboard pages with CRUD operations on users/teams • Basic RBAC with Owner and Member roles • Pricing page (/) which connects to Stripe Checkout • Subscription management with Stripe Customer Portal • Global middleware to protect logged-in routes • Local middleware to protect Server Actions / validate schemas • Activity logging system for any user events It's not finished, and there's probably bugs, but it's time to ship 🫡 • Demo: • Code:
1:06

Just shipped a new Next.js template! • Uses Postgres and Drizzle for the database • UI components with Tailwind and shadcn/ui • Email/password authentication with JWTs stored to cookies • Dashboard pages with CRUD operations on users/teams • Basic RBAC with Owner and Member roles • Pricing page (/) which connects to Stripe Checkout • Subscription management with Stripe Customer Portal • Global middleware to protect logged-in routes • Local middleware to protect Server Actions / validate schemas • Activity logging system for any user events It's not finished, and there's probably bugs, but it's time to ship 🫡 • Demo: • Code:

Lee Robinson

362,516 Aufrufe • vor 1 Jahr

Dropped today: our official Supabase UI Library 🚢 It leverages the shadcn "registry" feature and is compatible with Next.js, React, and Tanstack Includes: ◆ Login components ◆ Dropzone for storage ◆ Realtime cursors/avatars/chat ◆ And (one I love): AI Prompts
1:08

Dropped today: our official Supabase UI Library 🚢 It leverages the shadcn "registry" feature and is compatible with Next.js, React, and Tanstack Includes: ◆ Login components ◆ Dropzone for storage ◆ Realtime cursors/avatars/chat ◆ And (one I love): AI Prompts

Paul Copplestone - e/postgres

173,289 Aufrufe • vor 1 Jahr

Introducing Prism Templates ✨ Ready to use pages for your application built on shadcn and run on Next.js How it works: ◆ Go to Prism UI ◆ Download templates ◆ Run and edit your new website I have wanted to make something like this for everyone for a while, hope you like it 🪄 What is under the hood: ⚡️ Next.js 15 with App Router 🎨 Tailwind CSS for styling 📦 Shadcn UI components 🔒 TypeScript for type safety 🎯 ESLint & Biome for code formatting 🚀 Optimized for SEO 🌓 Dark mode support 📱 Responsive design 🔥 Modern and clean UI Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry Biome #opensource #buildinpublic
0:20

Introducing Prism Templates ✨ Ready to use pages for your application built on shadcn and run on Next.js How it works: ◆ Go to Prism UI ◆ Download templates ◆ Run and edit your new website I have wanted to make something like this for everyone for a while, hope you like it 🪄 What is under the hood: ⚡️ Next.js 15 with App Router 🎨 Tailwind CSS for styling 📦 Shadcn UI components 🔒 TypeScript for type safety 🎯 ESLint & Biome for code formatting 🚀 Optimized for SEO 🌓 Dark mode support 📱 Responsive design 🔥 Modern and clean UI Tech Stack: Vercel shadcn Framer Tailwind CSS v0 Matt Perry Biome #opensource #buildinpublic

CodeHagen

16,295 Aufrufe • vor 1 Jahr

I've finally published a new version of next-international, my fully typesafe i18n library for Next.js This release adds initial support for the App Router, with both Client and Server Components:
0:32

I've finally published a new version of next-international, my fully typesafe i18n library for Next.js This release adds initial support for the App Router, with both Client and Server Components:

Tom Lienard

42,459 Aufrufe • vor 3 Jahren

We just launched our new website along with some great changes: 1. Added /themes page where you can grab our free shadcn / ui themes. 2. The /academy is now free for everyone. You can learn the Figma to shadcn/ui process with our short video guides. 3. The site is rebuilt from the ground up with Next.js 15, React 19, and shadcn/ui. The new stack gives us faster load times, better accessibility, and a more cohesive experience across all pages. I'm already working on more themes, expanded docs, and new Pro Blocks. Thanks for being here and supporting our small project! More to come!
0:36

We just launched our new website along with some great changes: 1. Added /themes page where you can grab our free shadcn / ui themes. 2. The /academy is now free for everyone. You can learn the Figma to shadcn/ui process with our short video guides. 3. The site is rebuilt from the ground up with Next.js 15, React 19, and shadcn/ui. The new stack gives us faster load times, better accessibility, and a more cohesive experience across all pages. I'm already working on more themes, expanded docs, and new Pro Blocks. Thanks for being here and supporting our small project! More to come!

Matt

44,889 Aufrufe • vor 9 Monaten

🚀 Ship in record time with the new Metronic! The all-in-one template kit for React Vite, Next.js, and vanilla JS - trusted by 117,000+ developers. Key Features: - 10 unique app layouts - RTL/Dark mode support - 1000+ UI elements - 40+ UI components - 120+ pages - 50+ Prebuilt UI blocks CRUDs/forms/flows - User Management app(next.js) - Store - Client concept - More concepts cooking... Tech Stack: - Tailwind CSS 4 - ReUI components - shadcn compatible - @reactjs19 with App Router - Vite ⚡ with React Router - Next.js 15.3 - Auth.js - Supabase Auth - Radix by WorkOS - TANSTACK Table & Query - Prisma Postgres ORM - PostgreSQL - Vanilla JS/TypeScript - KtUI components - Bootstrap 5 legacy version Live preview: Purchase link:
1:31

🚀 Ship in record time with the new Metronic! The all-in-one template kit for React Vite, Next.js, and vanilla JS - trusted by 117,000+ developers. Key Features: - 10 unique app layouts - RTL/Dark mode support - 1000+ UI elements - 40+ UI components - 120+ pages - 50+ Prebuilt UI blocks CRUDs/forms/flows - User Management app(next.js) - Store - Client concept - More concepts cooking... Tech Stack: - Tailwind CSS 4 - ReUI components - shadcn compatible - @reactjs19 with App Router - Vite ⚡ with React Router - Next.js 15.3 - Auth.js - Supabase Auth - Radix by WorkOS - TANSTACK Table & Query - Prisma Postgres ORM - PostgreSQL - Vanilla JS/TypeScript - KtUI components - Bootstrap 5 legacy version Live preview: Purchase link:

KeenThemes Market

12,692 Aufrufe • vor 1 Jahr

1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️
0:25

1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️

shadcn

531,753 Aufrufe • vor 3 Jahren

💡 We just published a canary release of Expo DOM components ("use dom") so you can try it early and give us feedback for SDK 52! Demo app has MDX and shadcn UI with the new charts components ↓
0:44

💡 We just published a canary release of Expo DOM components ("use dom") so you can try it early and give us feedback for SDK 52! Demo app has MDX and shadcn UI with the new charts components ↓

Evan Bacon 🥓

113,959 Aufrufe • vor 1 Jahr

Announcing the Style Guide in primeui. Customize your project theme with a shadcn-compatible token system. Preview it live with as many variants as you need on the canvas. Export clean, production-ready Next.js code in minutes. Prime UI gives you a strong foundation for your website, whether you build it yourself or with AI. It includes 200+ UI components, all crafted by humans with pixel-perfect quality, a solid design system, and clean code. Plan your site with the Sitemap tool. Explore content, layout ideas, and storytelling in Prototype. Shape the look and feel in Style Guide, then export everything to Next.js. You get more than just landing pages. You get a consistent foundation for your entire site, including Blog, Docs, Pricing, and more, without having to worry about architecture, content blocks, SEO, or performance. Available today.
0:25

Announcing the Style Guide in primeui. Customize your project theme with a shadcn-compatible token system. Preview it live with as many variants as you need on the canvas. Export clean, production-ready Next.js code in minutes. Prime UI gives you a strong foundation for your website, whether you build it yourself or with AI. It includes 200+ UI components, all crafted by humans with pixel-perfect quality, a solid design system, and clean code. Plan your site with the Sitemap tool. Explore content, layout ideas, and storytelling in Prototype. Shape the look and feel in Style Guide, then export everything to Next.js. You get more than just landing pages. You get a consistent foundation for your entire site, including Blog, Docs, Pricing, and more, without having to worry about architecture, content blocks, SEO, or performance. Available today.

Alex Barashkov

32,330 Aufrufe • vor 4 Monaten

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.
1:15

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.

Matt

77,738 Aufrufe • vor 5 Monaten

I made it! 🥳 The Hotel Admin UI is completed. 😊🙌 Personally, I really enjoyed working on this UI. I was able to learn a lot and gain a better understanding of how to create a user friendly experience. Here are the features I implemented in this project: • Fully responsive design (mobile, tablet, desktop, large desktop - 4K) • Library of components (chakra-ui) • Loading indicator and skeleton while loading data • Mock API integration • CRUD operations • Search functionality • Modals and confirmation dialogs • Routing using react-router • Picture upload library (react-filepond) • Form validation • Data visualization chart (Chart.js) • Carousel with thumbnails (swiper.js) I hope you like it! #womenintech #100DaysOfCode #React
1:02

I made it! 🥳 The Hotel Admin UI is completed. 😊🙌 Personally, I really enjoyed working on this UI. I was able to learn a lot and gain a better understanding of how to create a user friendly experience. Here are the features I implemented in this project: • Fully responsive design (mobile, tablet, desktop, large desktop - 4K) • Library of components (chakra-ui) • Loading indicator and skeleton while loading data • Mock API integration • CRUD operations • Search functionality • Modals and confirmation dialogs • Routing using react-router • Picture upload library (react-filepond) • Form validation • Data visualization chart (Chart.js) • Carousel with thumbnails (swiper.js) I hope you like it! #womenintech #100DaysOfCode #React

Glenda Diaz

15,568 Aufrufe • vor 2 Jahren

👋 Today I'm open sourcing my Expo AI chat app! You can use it as a template for building AI apps with the new Expo RSC support. ◆ Custom cards for weather, movies, and location prompts ◆ Stream UI from the server with Universal React Server Components ◆ Runs on web, native, and in Expo Go
0:50

👋 Today I'm open sourcing my Expo AI chat app! You can use it as a template for building AI apps with the new Expo RSC support. ◆ Custom cards for weather, movies, and location prompts ◆ Stream UI from the server with Universal React Server Components ◆ Runs on web, native, and in Expo Go

Evan Bacon 🥓

132,985 Aufrufe • vor 1 Jahr

Today ReUI Pro goes live! 🔥 Design-forward shadcn/ui platform with MCP fluency for agents. AI made UI generation instant. It didn't make it production-ready. You still spend hours picking blocks, adjusting details, and fine-tuning the last mile. We spent six months building the agent-ready layer for shadcn/ui that closes the gap. Inside: ☑️ Free Hosted MCP with Agent Skills. ☑️ 1,019 open-source shadcn/ui components, free forever. ☑️ 17 open-source ReUI primitives(Data Grid, Filters,File Upload, Stepper and more). ☑️ 485 Pro blocks across over 50 categories. ☑️ 562 hand-crafted interactive icons in 4 styles. ☑️ Default Base UI and legacy Radix by WorkOS versions. Real credit to shadcn for the ecosystem! The registry model changed how we all build and ship UI, and ReUI stands on that foundation. Below is a thread on the 10 things we're most proud of👇
3:17

Today ReUI Pro goes live! 🔥 Design-forward shadcn/ui platform with MCP fluency for agents. AI made UI generation instant. It didn't make it production-ready. You still spend hours picking blocks, adjusting details, and fine-tuning the last mile. We spent six months building the agent-ready layer for shadcn/ui that closes the gap. Inside: ☑️ Free Hosted MCP with Agent Skills. ☑️ 1,019 open-source shadcn/ui components, free forever. ☑️ 17 open-source ReUI primitives(Data Grid, Filters,File Upload, Stepper and more). ☑️ 485 Pro blocks across over 50 categories. ☑️ 562 hand-crafted interactive icons in 4 styles. ☑️ Default Base UI and legacy Radix by WorkOS versions. Real credit to shadcn for the ecosystem! The registry model changed how we all build and ship UI, and ReUI stands on that foundation. Below is a thread on the 10 things we're most proud of👇

ReUI

39,399 Aufrufe • vor 20 Tagen

We're cooking a huge update for shadcndesign. 1. We'll bring the shadcn create feature into our plugin. It will allow you to quickly set up the theme for your Figma kit. 2. 5 icon libraries support in 1 Figma kit. Icon libraries that are available in shadcn/create will be available in our Figma kit. 3. Our plugin will be able to generate shadcn/ui code that will support the icon library you use. More details soon.
0:24

We're cooking a huge update for shadcndesign. 1. We'll bring the shadcn create feature into our plugin. It will allow you to quickly set up the theme for your Figma kit. 2. 5 icon libraries support in 1 Figma kit. Icon libraries that are available in shadcn/create will be available in our Figma kit. 3. Our plugin will be able to generate shadcn/ui code that will support the icon library you use. More details soon.

Matt

57,064 Aufrufe • vor 6 Monaten

🥳 Welp, Flux is HEREEEE! 🚀🚀🚀 Flux is a UI component library for Livewire 🎁 26+ components 💅 Modern design 🌬️ Styled with Tailwind 🤖 Custom, lightweight, JS core ⌨️ Accessibile components Hugo and I have given this project everything we've got. Hope you dig it 🔥
36:30

🥳 Welp, Flux is HEREEEE! 🚀🚀🚀 Flux is a UI component library for Livewire 🎁 26+ components 💅 Modern design 🌬️ Styled with Tailwind 🤖 Custom, lightweight, JS core ⌨️ Accessibile components Hugo and I have given this project everything we've got. Hope you dig it 🔥

Caleb Porzio ⚡️

192,852 Aufrufe • vor 1 Jahr

I prompted Fable 5 with "Create a 1:1 clone of Slack using Typescript, Electron, Tailwind, SQLite. Make it beautiful and functional. Even better than the original Slack." and it oneshotted this UI as well as server in less than 10 minutes. Pretty damn good first shot.
0:44

I prompted Fable 5 with "Create a 1:1 clone of Slack using Typescript, Electron, Tailwind, SQLite. Make it beautiful and functional. Even better than the original Slack." and it oneshotted this UI as well as server in less than 10 minutes. Pretty damn good first shot.

Dwayne

323,340 Aufrufe • vor 1 Monat

Peter Steinberger : the creator of OpenClaw just gave a 30-min masterclass on agentic coding. watch this masterclass and save these 9 rules he follows ↓ Bookmark this to ship your first product people will pay for [9 rules from the masterclass:] →agentic engineering, not vibe coding. →only read code that touches the DB. →the agentic trap : elite prompts are short again. →empathize with the agent. it starts every session knowing nothing. →don't fight the name it picks. →3-8 agents in parallel. →never revert. always commit to main. →refactors are cheap. break things. →voice in. "hands too precious for writing." [9 tools to pair with it:] auth → Clerk UI → Tailwind + shadcn state → Zustand + Server Components APIs → tRPC + Server Actions DB → Prisma + managed Postgres payments → Stripe deploys → Vercel errors → Sentry analytics → PostHog [two types of builders right now:] type 1: hand-rolls auth, reverts on every miss, one chat one window. type 2: 3-8 agents, voice in, commits to main, Clerk + Stripe + Vercel. the type 2 path is the only one that compounds. Khairallah AL-Awady the playbook for type 2 ➡️
31:13

Peter Steinberger : the creator of OpenClaw just gave a 30-min masterclass on agentic coding. watch this masterclass and save these 9 rules he follows ↓ Bookmark this to ship your first product people will pay for [9 rules from the masterclass:] →agentic engineering, not vibe coding. →only read code that touches the DB. →the agentic trap : elite prompts are short again. →empathize with the agent. it starts every session knowing nothing. →don't fight the name it picks. →3-8 agents in parallel. →never revert. always commit to main. →refactors are cheap. break things. →voice in. "hands too precious for writing." [9 tools to pair with it:] auth → Clerk UI → Tailwind + shadcn state → Zustand + Server Components APIs → tRPC + Server Actions DB → Prisma + managed Postgres payments → Stripe deploys → Vercel errors → Sentry analytics → PostHog [two types of builders right now:] type 1: hand-rolls auth, reverts on every miss, one chat one window. type 2: 3-8 agents, voice in, commits to main, Clerk + Stripe + Vercel. the type 2 path is the only one that compounds. Khairallah AL-Awady the playbook for type 2 ➡️

Avid

25,351 Aufrufe • vor 2 Monaten

Israeli officials and their supporters tried to cancel a Netflix film depicting the violence behind Israel's creation in 1948. But their efforts failed. Dena Takruri met up with "Farha" Director Darin Sallam to hear why she made the film and why it sparked a crisis for Israelis.
5:37

Israeli officials and their supporters tried to cancel a Netflix film depicting the violence behind Israel's creation in 1948. But their efforts failed. Dena Takruri met up with "Farha" Director Darin Sallam to hear why she made the film and why it sparked a crisis for Israelis.

AJ+

53,199 Aufrufe • vor 3 Jahren

Red Dead Redemption looks great on mobile, but without a Netflix subscription, it feels like a heist, with you being the victim. A $39.99 price tag for those without a subscription and on Steam, Red Dead Redemption sits comfortably at $24.99. 🔗
3:17

Red Dead Redemption looks great on mobile, but without a Netflix subscription, it feels like a heist, with you being the victim. A $39.99 price tag for those without a subscription and on Steam, Red Dead Redemption sits comfortably at $24.99. 🔗

GamingonPhone

91,698 Aufrufe • vor 7 Monaten