正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Next.js: Authentication ※ Best practices for Server Components, Server Actions, and Middleware ※ Patterns like Data Access Layers, API Minimization, and Data Transfer Objects Also, aside from headshots, this video is entirely built in React 🤯

Delba

75,417 subscribers

116,318 次观看 • 2 年前 •via X (Twitter)

科学技术教育

Anya Rossi• Live Now

Private livecam show

10 条评论

Delba 的头像

Delba2 年前

HQ:

Lee Robinson 的头像

Lee Robinson2 年前

That background music has me feeling like I'm at a SPA... get it... 😂

Delba 的头像

Delba2 年前

Lean back, relax, and roll your own auth :mild-panic:

Mona Aghili 的头像

Mona Aghili2 年前

As I listened to your warm voice and the background music I found myself waiting for you to say Take a deep breath in and exhale.😅

Delba 的头像

Delba2 年前

Haha, yea you need it with auth 💆‍♀️

Bilal 的头像

Bilal2 年前

Thanks - need more guided meditation videos like this on these gnarly topics. :)

Delba 的头像

Delba2 年前

🫡🧘‍♀️

Pedro Duarte 的头像

Pedro Duarte1 年前

legeeeeeeend

Delba 的头像

Delba1 年前

The coveted Pedro legend comment 🥹

Fabio Coelho 的头像

Fabio Coelho2 年前

love this video effect 😍

相关视频

"How do I exclude server actions from middleware in Next.js?" 👇

"How do I exclude server actions from middleware in Next.js?" 👇

Alex Sidorenko

23,415 次观看 • 10 个月前

Server actions vs API routes in Next.js

Server actions vs API routes in Next.js

Alex Sidorenko

59,223 次观看 • 1 年前

Streaming data from server to client with "use" in Next.js

Streaming data from server to client with "use" in Next.js

Alex Sidorenko

36,533 次观看 • 1 年前

Server-side search with Next.js 13 and server components

Server-side search with Next.js 13 and server components

Alex Sidorenko

208,520 次观看 • 2 年前

📹 Self-Hosting Next.js Learn how to deploy Next.js, Postgres, and Nginx to a $4 VPS with Docker. I'll explain how to use and configure Next.js features like image optimization, caching & ISR, streaming, middleware, server components, and more. Demo app is open source!

📹 Self-Hosting Next.js Learn how to deploy Next.js, Postgres, and Nginx to a $4 VPS with Docker. I'll explain how to use and configure Next.js features like image optimization, caching & ISR, streaming, middleware, server components, and more. Demo app is open source!

Lee Robinson

567,936 次观看 • 1 年前

Expo + React Server Components (preview) 🚀 Just open sourced a new movies app demo using Expo Router and React server functions. Native data fetching, loading states, and error handling have never been this easy! → Runs on iOS, Web, and Android

Expo + React Server Components (preview) 🚀 Just open sourced a new movies app demo using Expo Router and React server functions. Native data fetching, loading states, and error handling have never been this easy! → Runs on iOS, Web, and Android

Evan Bacon 🥓

72,114 次观看 • 1 年前

Pagination in Next.js 13 with server components

Pagination in Next.js 13 with server components

Alex Sidorenko

140,144 次观看 • 2 年前

In the latest `swr@beta`, you can seamlessly move data fetching between client-side and server-side, or both, in an RSC framework like Next.js: 🔸Client only: useSWR(key, fetcher) 🔹Mixed: useSWR(key, fetcher) + RSC-provided data 🔸Server only: useSWR(key) + RSC-provided data

In the latest `swr@beta`, you can seamlessly move data fetching between client-side and server-side, or both, in an RSC framework like Next.js: 🔸Client only: useSWR(key, fetcher) 🔹Mixed: useSWR(key, fetcher) + RSC-provided data 🔸Server only: useSWR(key) + RSC-provided data

Shu

267,424 次观看 • 2 年前

Are React Server Components web-only or can they be used anywhere? What would it look like if @Expo added React Server Components for native iOS and Android platforms... 🧵 Find out now ↓

Are React Server Components web-only or can they be used anywhere? What would it look like if @Expo added React Server Components for native iOS and Android platforms... 🧵 Find out now ↓

Evan Bacon 🥓

233,085 次观看 • 3 年前

A 1-hour introduction to Next.js and React 🎥 This mini course is designed for beginners, but if you've used Next.js before, hopefully you'll still pick up some new tips. We'll build a quiz app using Postgres, starting from React basics and going all the way to Server Actions!

A 1-hour introduction to Next.js and React 🎥 This mini course is designed for beginners, but if you've used Next.js before, hopefully you'll still pick up some new tips. We'll build a quiz app using Postgres, starting from React basics and going all the way to Server Actions!

Lee Robinson

166,760 次观看 • 2 年前

When to use Server vs Client components in Next.js 13

When to use Server vs Client components in Next.js 13

Alex Sidorenko

148,146 次观看 • 2 年前

Infinite scroll in Next.js 13 with server actions

Infinite scroll in Next.js 13 with server actions

Alex Sidorenko

166,376 次观看 • 2 年前

"How can I use server components for data fetching if all my components also need hooks or onClick?" Move the interactive part into a separate component

"How can I use server components for data fetching if all my components also need hooks or onClick?" Move the interactive part into a separate component

Alex Sidorenko

50,595 次观看 • 1 年前

🚀 Rocket tracking app with Expo Router and React Server Components! ◆ Started with DOM Components ◆ Migrated to native one route at a time ◆ iOS, Android, web, even runs in Expo Go! ◆ Data fetched securely on the server, no hooks needed ◆ Offline support for layouts, loading, scrolling, animations, transitions, and error states We're just getting started ⚡️

🚀 Rocket tracking app with Expo Router and React Server Components! ◆ Started with DOM Components ◆ Migrated to native one route at a time ◆ iOS, Android, web, even runs in Expo Go! ◆ Data fetched securely on the server, no hooks needed ◆ Offline support for layouts, loading, scrolling, animations, transitions, and error states We're just getting started ⚡️

Evan Bacon 🥓

25,393 次观看 • 1 年前

Demo of forms with React 19 and Next.js. If you've wondered... "Why does the form clear out my input values?" "How do I pass data from my server action → client?" "How do I handle client / server validation?" "How do I display inline errors next to inputs?" This should help!

Demo of forms with React 19 and Next.js. If you've wondered... "Why does the form clear out my input values?" "How do I pass data from my server action → client?" "How do I handle client / server validation?" "How do I display inline errors next to inputs?" This should help!

Lee Robinson

42,736 次观看 • 1 年前

This was entirely built using Claude AI in React Native It's made with Reanimated for animations, gesture handler, async storage for data persistence and react navigation in Cursor Composer. You can learn from scratch in our 6-hour course:

This was entirely built using Claude AI in React Native It's made with Reanimated for animations, gesture handler, async storage for data persistence and react navigation in Cursor Composer. You can learn from scratch in our 6-hour course:

DesignCode

65,856 次观看 • 1 年前

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:

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 次观看 • 1 年前

Day 8: React Server Components

Day 8: React Server Components

srgm

16,570 次观看 • 11 个月前

Introducing Derivative Data MCP Server With Laevitas, Units can now access and analyze funding rates, open interest and other real-time derivative data across exchanges.

Introducing Derivative Data MCP Server With Laevitas, Units can now access and analyze funding rates, open interest and other real-time derivative data across exchanges.

REI Network

17,658 次观看 • 1 年前