正在加载视频...

视频加载失败

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

Infinite scroll in Next.js 13 with server actions

Alex Sidorenko

35,105 subscribers

166,418 次观看 • 2 年前 •via X (Twitter)

游戏科学技术教育

Anya Rossi• Live Now

Private livecam show

11 条评论

Steven Tey 的头像

Steven Tey2 年前

You're on a roll 🔥 loving these visualizations!

wilson 🇵🇹🇬🇧 的头像

wilson 🇵🇹🇬🇧2 年前

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

xeux 的头像

xeux2 年前

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

Henry Black 🌴 的头像

Henry Black 🌴2 年前

Nice

Guilherme Felipe Reis 的头像

Guilherme Felipe Reis2 年前

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 的头像

Alex Sidorenko2 年前

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

Fredkisss is on 🦋 blue sky 🦋 的头像

Fredkisss is on 🦋 blue sky 🦋2 年前

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 的头像

Shervin Chen2 年前

Code highlight theme is Monokai Pro?

Alex Sidorenko 的头像

Alex Sidorenko2 年前

Yes

name cannot be blank 的头像

name cannot be blank2 年前

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

Alex Sidorenko 的头像

Alex Sidorenko2 年前

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.

相关视频

Pagination in Next.js 13 with server components

Pagination in Next.js 13 with server components

Alex Sidorenko

140,144 次观看 • 2 年前

Server actions vs API routes in Next.js

Server actions vs API routes in Next.js

Alex Sidorenko

59,223 次观看 • 1 年前

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

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

Alex Sidorenko

208,536 次观看 • 2 年前

"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 次观看 • 11 个月前

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,155 次观看 • 2 年前

Upload a file with server action in Next.js

Upload a file with server action in Next.js

Alex Sidorenko

83,954 次观看 • 2 年前

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 年前

GitHub authentication in Next.js 13 with NextAuth

GitHub authentication in Next.js 13 with NextAuth

Alex Sidorenko

146,834 次观看 • 2 年前

Modal with intercepting route in Next.js 13

Modal with intercepting route in Next.js 13

Alex Sidorenko

161,725 次观看 • 2 年前

Server-side form validation in Next.js

Server-side form validation in Next.js

Alex Sidorenko

72,160 次观看 • 2 年前

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

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

Alex Sidorenko

139,308 次观看 • 2 年前

Middleware in Next.js 13

Middleware in Next.js 13

Alex Sidorenko

41,165 次观看 • 2 年前

Modal in Next.js 13

Modal in Next.js 13

Alex Sidorenko

111,844 次观看 • 2 年前

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,819 次观看 • 2 年前

Middleware in Next.js 13

Middleware in Next.js 13

Alex Sidorenko

52,722 次观看 • 2 年前

Caching in Next.js 13

Caching in Next.js 13

Alex Sidorenko

77,354 次观看 • 2 年前

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

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

Internationalization (i18n) in Next.js 13

Internationalization (i18n) in Next.js 13

Alex Sidorenko

201,731 次观看 • 2 年前

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