Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

Infinite scroll in Next.js 13 with server actions

Alex Sidorenko

35,108 subscribers

166,417 görüntüleme • 2 yıl önce •via X (Twitter)

Oyun Bilim & Teknoloji Eğitim

Anya Rossi• Live Now

Private livecam show

11 Yorum

Steven Tey profil fotoğrafı

Steven Tey2 yıl önce

You're on a roll 🔥 loving these visualizations!

wilson 🇵🇹🇬🇧 profil fotoğrafı

wilson 🇵🇹🇬🇧2 yıl önce

I'm not a React/Next.js developer, and I'm more fascinated by your animations. How do you animate these code transitions?

xeux profil fotoğrafı

xeux2 yıl önce

This is awesome 😎 Alex 🔥🔥 Do you share the code snippets?

Henry Black 🌴 profil fotoğrafı

Henry Black 🌴2 yıl önce

Nice

Guilherme Felipe Reis profil fotoğrafı

Guilherme Felipe Reis2 yıl önce

Hey Alex, do you have any articles about i18n with server actions. I notice that next-intl does not support this yet, do you know any other possibility?

Alex Sidorenko profil fotoğrafı

Alex Sidorenko2 yıl önce

Hey. Not yet. But I've noticed this question is common on Next Discord. Will research this.

Fredkisss is on 🦋 blue sky 🦋 profil fotoğrafı

Fredkisss is on 🦋 blue sky 🦋2 yıl önce

This is really cool, but there is one issue : when the user navigates alway they will loose all the already fetched data. You can fix this by using useInfiniteQuery from react-query to keep the data in the cache.

Shervin Chen profil fotoğrafı

Shervin Chen2 yıl önce

Code highlight theme is Monokai Pro?

Alex Sidorenko profil fotoğrafı

Alex Sidorenko2 yıl önce

Yes

name cannot be blank profil fotoğrafı

name cannot be blank2 yıl önce

nice. is this maybe the canonical solution? article or YT vid incoming?

Alex Sidorenko profil fotoğrafı

Alex Sidorenko2 yıl önce

Is there any particular reason you'd want the article or YT video? - More commentary and explanations? - Better Google discoverability? - Something else? Trying to find the right medium.

Benzer Videolar

Pagination in Next.js 13 with server components

Pagination in Next.js 13 with server components

Alex Sidorenko

140,144 görüntüleme • 2 yıl önce

Server actions vs API routes in Next.js

Server actions vs API routes in Next.js

Alex Sidorenko

59,223 görüntüleme • 1 yıl önce

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

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

Alex Sidorenko

208,520 görüntüleme • 2 yıl önce

"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 görüntüleme • 10 ay önce

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 görüntüleme • 2 yıl önce

Upload a file with server action in Next.js

Upload a file with server action in Next.js

Alex Sidorenko

83,919 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

GitHub authentication in Next.js 13 with NextAuth

GitHub authentication in Next.js 13 with NextAuth

Alex Sidorenko

146,817 görüntüleme • 2 yıl önce

Modal with intercepting route in Next.js 13

Modal with intercepting route in Next.js 13

Alex Sidorenko

161,725 görüntüleme • 2 yıl önce

Server-side form validation in Next.js

Server-side form validation in Next.js

Alex Sidorenko

72,160 görüntüleme • 2 yıl önce

Protect routes with next-auth middleware in Next.js 13

Protect routes with next-auth middleware in Next.js 13

Alex Sidorenko

139,308 görüntüleme • 2 yıl önce

It happened! I’ve open sourced my exif-based photo blog as a (near) zero-config Vercel template. It uses all the things: ◆ Next.js App Router with Server Actions ◆ Next.js Image ◆ Next Auth ◆ Vercel Postgres ◆ Vercel Blob ◆ Vercel OG Template →

It happened! I’ve open sourced my exif-based photo blog as a (near) zero-config Vercel template. It uses all the things: ◆ Next.js App Router with Server Actions ◆ Next.js Image ◆ Next Auth ◆ Vercel Postgres ◆ Vercel Blob ◆ Vercel OG Template →

Sam Becker

125,766 görüntüleme • 2 yıl önce

Middleware in Next.js 13

Middleware in Next.js 13

Alex Sidorenko

52,698 görüntüleme • 2 yıl önce

Caching in Next.js 13

Caching in Next.js 13

Alex Sidorenko

77,354 görüntüleme • 2 yıl önce

Modal in Next.js 13

Modal in Next.js 13

Alex Sidorenko

111,837 görüntüleme • 2 yıl önce

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 🤯

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

116,318 görüntüleme • 2 yıl önce

We took the Inertia.js infinite scroll component for 2.0 and turbo boosted it: - ⬆️ Reverse infinite scroll - 👬 Multiple infinite scroll components on the same page - 🔃 *Two way* infinite scroll - 🔗 Syncing page state in URL - 🖱️ Manual mode after X requests 🚀👨‍🚀

We took the Inertia.js infinite scroll component for 2.0 and turbo boosted it: - ⬆️ Reverse infinite scroll - 👬 Multiple infinite scroll components on the same page - 🔃 Two way infinite scroll - 🔗 Syncing page state in URL - 🖱️ Manual mode after X requests 🚀👨‍🚀

Joe Tannenbaum

53,010 görüntüleme • 1 yıl önce

Internationalization (i18n) in Next.js 13

Internationalization (i18n) in Next.js 13

Alex Sidorenko

201,716 görüntüleme • 2 yıl önce

How to recover from a server component error in Next.js

How to recover from a server component error in Next.js

Alex Sidorenko

67,557 görüntüleme • 1 yıl önce

Authentication in Next.js 13 using Clerk

Authentication in Next.js 13 using Clerk

Alex Sidorenko

127,010 görüntüleme • 2 yıl önce