正在加载视频...

视频加载失败

返回首页

Upload a file with server action in Next.js

asidorenko_'s profile picture

Alex Sidorenko

35,233 subscribers

83,919 次观看 • 2 年前 •via X (Twitter)

科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

8 条评论

Krishna Singh 的头像
Krishna Singh2 年前

Will the server actions form work well with a complex form that has #Zod validations?

Alex Sidorenko 的头像
Alex Sidorenko2 年前

@singhks0054 Sure, why not

Ram 的头像
Ram2 年前

Super simple !! thanks for sharing.

AMMARI Abdelmounaim 的头像
AMMARI Abdelmounaim2 年前

What's the tailwindCSS extension's name !! It looks cool

Arnab Chatterjee 的头像
Arnab Chatterjee2 年前

I have implemented here

Pablo Lizardo 的头像
Pablo Lizardo2 年前

Can you transcript the commented line? Twitter video compression doesn’t let me read it 😅

SH 的头像
SH2 年前

make sure to increase the function timeout, otherwise the server action will timeout from the default 10s

Em Ha Tuan 的头像
Em Ha Tuan2 年前

That is a good example of server action. Otherwise, Vercel does not allow applications to write a file on their platforms. 😀

相关视频

Setting a cookie in server action automatically re-renders the current page and its layouts in Next.js
0:20

Setting a cookie in server action automatically re-renders the current page and its layouts in Next.js

Alex Sidorenko

107,205 次观看 • 8 个月前

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

Pagination in Next.js 13 with server components

Alex Sidorenko

140,144 次观看 • 2 年前

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

Infinite scroll in Next.js 13 with server actions

Alex Sidorenko

166,376 次观看 • 2 年前

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

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

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

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

Server-side form validation in Next.js

Alex Sidorenko

72,160 次观看 • 2 年前

A navigation to a dynamic server-rendered page is blocked until the server responds. In Next.js, the first step to improving the experience is to add a `loading.js` file. This unblocks navigation and gives the user feedback while the content streams in.
0:38

A navigation to a dynamic server-rendered page is blocked until the server responds. In Next.js, the first step to improving the experience is to add a `loading.js` file. This unblocks navigation and gives the user feedback while the content streams in.

Delba

48,478 次观看 • 1 年前

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

Server actions vs API routes in Next.js

Alex Sidorenko

59,223 次观看 • 1 年前

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

Server waterfalls in Next.js and what you can do about them.
1:25

Server waterfalls in Next.js and what you can do about them.

Alex Sidorenko

114,151 次观看 • 2 年前

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

See LimeWire File Sharing in action! 🟢 Upload files of any type 🤖 Enhance them with AI tools like background removal 🔗 Share instantly with LimeWire Create. Collaborate. Share.
0:25

See LimeWire File Sharing in action! 🟢 Upload files of any type 🤖 Enhance them with AI tools like background removal 🔗 Share instantly with LimeWire Create. Collaborate. Share.

LimeWire

25,792 次观看 • 1 年前

📹 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

567,936 次观看 • 1 年前

Starting today, file upload is live in AkashChat. You can now add files to give specific context to your chats — see it in action below.
0:41

Starting today, file upload is live in AkashChat. You can now add files to give specific context to your chats — see it in action below.

Akash Network

17,042 次观看 • 1 年前

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

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

New Video - Build a real-world MCP server with one TypeScript file. • Zero to live in 10 minutes (live coding from scratch) • Integrates real APIs + API keys • Connects to Anthropic Claude Code via stdio • Orchestrates multiple API calls into 1 action + more
11:14

New Video - Build a real-world MCP server with one TypeScript file. • Zero to live in 10 minutes (live coding from scratch) • Integrates real APIs + API keys • Connects to Anthropic Claude Code via stdio • Orchestrates multiple API calls into 1 action + more

nader dabit

76,865 次观看 • 1 年前

experimenting with cc ball action in after effects! free project file in the comments below #AfterEffects
0:55

experimenting with cc ball action in after effects! free project file in the comments below #AfterEffects

mikuru

17,343 次观看 • 4 个月前