Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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_oliveira's profile picture

Delba

75,417 subscribers

116,318 Aufrufe • vor 2 Jahren •via X (Twitter)

Wissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Delba
Delbavor 2 Jahren

HQ:

Profilbild von Lee Robinson
Lee Robinsonvor 2 Jahren

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

Profilbild von Delba
Delbavor 2 Jahren

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

Profilbild von Mona Aghili
Mona Aghilivor 2 Jahren

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

Profilbild von Delba
Delbavor 2 Jahren

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

Profilbild von Bilal
Bilalvor 2 Jahren

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

Profilbild von Delba
Delbavor 2 Jahren

🫡🧘‍♀️

Profilbild von Pedro Duarte
Pedro Duartevor 2 Jahren

legeeeeeeend

Profilbild von Delba
Delbavor 2 Jahren

The coveted Pedro legend comment 🥹

Profilbild von Fabio Coelho
Fabio Coelhovor 2 Jahren

love this video effect 😍

Ähnliche Videos

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

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

Alex Sidorenko

23,415 Aufrufe • vor 10 Monaten

Server actions vs API routes in Next.js
1:43

Server actions vs API routes in Next.js

Alex Sidorenko

59,223 Aufrufe • vor 1 Jahr

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

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

Alex Sidorenko

36,533 Aufrufe • vor 1 Jahr

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

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

Alex Sidorenko

208,520 Aufrufe • vor 2 Jahren

📹 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!
45:12

📹 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

568,120 Aufrufe • vor 1 Jahr

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
0:47

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,117 Aufrufe • vor 1 Jahr

Pagination in Next.js 13 with server components
1:19

Pagination in Next.js 13 with server components

Alex Sidorenko

140,144 Aufrufe • vor 2 Jahren

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
0:30

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 Aufrufe • vor 2 Jahren

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 ↓
6:35

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 Aufrufe • vor 3 Jahren

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!
1:21:37

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,763 Aufrufe • vor 2 Jahren

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

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

Alex Sidorenko

148,146 Aufrufe • vor 2 Jahren

"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
0:32

"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 Aufrufe • vor 1 Jahr

Infinite scroll in Next.js 13 with server actions
1:42

Infinite scroll in Next.js 13 with server actions

Alex Sidorenko

166,418 Aufrufe • vor 2 Jahren

🚀 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 ⚡️
0:38

🚀 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 Aufrufe • vor 1 Jahr

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!
9:12

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 Aufrufe • vor 1 Jahr

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:
0:47

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 Aufrufe • vor 1 Jahr

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

Day 8: React Server Components
4:53

Day 8: React Server Components

srgm

16,570 Aufrufe • vor 11 Monaten

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.
0:20

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 Aufrufe • vor 1 Jahr