Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Infinite scroll in Next.js 13 with server actions

asidorenko_'s profile picture

Alex Sidorenko

35,105 subscribers

166,418 Aufrufe • vor 2 Jahren •via X (Twitter)

GamingWissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Steven Tey
Steven Teyvor 2 Jahren

You're on a roll 🔥 loving these visualizations!

Profilbild von wilson 🇵🇹🇬🇧
wilson 🇵🇹🇬🇧vor 2 Jahren

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

Profilbild von xeux
xeuxvor 2 Jahren

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

Profilbild von Henry Black 🌴
Henry Black 🌴vor 2 Jahren

Nice

Profilbild von Guilherme Felipe Reis
Guilherme Felipe Reisvor 2 Jahren

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?

Profilbild von Alex Sidorenko
Alex Sidorenkovor 2 Jahren

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

Profilbild von Fredkisss is on 🦋 blue sky 🦋
Fredkisss is on 🦋 blue sky 🦋vor 2 Jahren

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.

Profilbild von Shervin Chen
Shervin Chenvor 2 Jahren

Code highlight theme is Monokai Pro?

Profilbild von Alex Sidorenko
Alex Sidorenkovor 2 Jahren

Yes

Profilbild von name cannot be blank
name cannot be blankvor 2 Jahren

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

Profilbild von Alex Sidorenko
Alex Sidorenkovor 2 Jahren

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.

Ähnliche Videos

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

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

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

"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 11 Monaten

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

Upload a file with server action in Next.js
0:59

Upload a file with server action in Next.js

Alex Sidorenko

83,954 Aufrufe • vor 2 Jahren

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

GitHub authentication in Next.js 13 with NextAuth
1:33

GitHub authentication in Next.js 13 with NextAuth

Alex Sidorenko

146,817 Aufrufe • vor 2 Jahren

Modal with intercepting route in Next.js 13
1:44

Modal with intercepting route in Next.js 13

Alex Sidorenko

161,725 Aufrufe • vor 2 Jahren

Server-side form validation in Next.js
1:33

Server-side form validation in Next.js

Alex Sidorenko

72,160 Aufrufe • vor 2 Jahren

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

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

Alex Sidorenko

139,308 Aufrufe • vor 2 Jahren

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 →
0:43

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

Middleware in Next.js 13
0:22

Middleware in Next.js 13

Alex Sidorenko

52,722 Aufrufe • vor 2 Jahren

Caching in Next.js 13
0:56

Caching in Next.js 13

Alex Sidorenko

77,354 Aufrufe • vor 2 Jahren

Modal in Next.js 13
1:19

Modal in Next.js 13

Alex Sidorenko

111,844 Aufrufe • vor 2 Jahren

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 🤯
12:13

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

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 🚀👨‍🚀
1:50

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

Internationalization (i18n) in Next.js 13
1:09

Internationalization (i18n) in Next.js 13

Alex Sidorenko

201,716 Aufrufe • vor 2 Jahren

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

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

Alex Sidorenko

67,557 Aufrufe • vor 1 Jahr

Authentication in Next.js 13 using Clerk
1:07

Authentication in Next.js 13 using Clerk

Alex Sidorenko

127,010 Aufrufe • vor 2 Jahren