Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

asidorenko_'s profile picture

Alex Sidorenko

34,322 subscribers

67,557 görüntüleme • 1 yıl önce •via X (Twitter)

EğitimBilim & TeknolojiHaberler & Politika
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Nilan Saha profil fotoğrafı
Nilan Saha1 yıl önce

I haven't emotionally recovered from Next.js server components yet

Đào Ngọc Thành profil fotoğrafı
Đào Ngọc Thành1 yıl önce

Can I have the 500 error image you used, it's so funny

Твиттерский никнейм profil fotoğrafı
Твиттерский никнейм1 yıl önce

I actually did location.reload() and was completely fine with it

Benjamin Mai profil fotoğrafı
Benjamin Mai1 yıl önce

Hi, can you give me the name of the extention that make tw classes collapse? It's so cleannn...

Dave profil fotoğrafı
Dave1 yıl önce

Wow

Leehaor profil fotoğrafı
Leehaor1 yıl önce

What is this screen recording software?

Alex Sidorenko profil fotoğrafı
Alex Sidorenko1 yıl önce

@screenstudio

Chris profil fotoğrafı
Chris1 yıl önce

so cool, by the way what is the extension of hiding tailwind CSS?

Zia Ur Rehman Khan profil fotoğrafı
Zia Ur Rehman Khan1 yıl önce

Why can't we write reset() function?

Alex Sidorenko profil fotoğrafı
Alex Sidorenko1 yıl önce

What do you mean? Why can't we use the reset function for that? Or why can't we define the reset function? If former, I'm not sure myself. I would also expect the reset function to re-render a server component.

Benzer Videolar

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

How to use Next.js metadata if the page is a client component
0:33

How to use Next.js metadata if the page is a client component

Alex Sidorenko

91,579 görüntüleme • 1 yıl önce

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

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

Upload a file with server action in Next.js

Alex Sidorenko

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

"How to share state between React client components with a parent server component?" 👇
0:32

"How to share state between React client components with a parent server component?" 👇

Alex Sidorenko

50,550 görüntüleme • 1 yıl önce

How to indicate a server component needs to be rendered dynamically at runtime, when it doesn't use dynamic APIs in Nextjs
0:20

How to indicate a server component needs to be rendered dynamically at runtime, when it doesn't use dynamic APIs in Nextjs

Alex Sidorenko

44,635 görüntüleme • 9 ay önce

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

Prefetching Tanstack Query in a server component
0:37

Prefetching Tanstack Query in a server component

Alex Sidorenko

56,536 görüntüleme • 1 yıl önce

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

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

Server-side form validation in Next.js

Alex Sidorenko

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

Been using a similar pattern for a long time in the Next.js, but now with the app router we can also add a loader function that's executed in a server component. (Thanks Ryan Florence for the inspiration) ✅ Infer/validate params/searchParams from Zod schema. ✅ Infer data
0:31

Been using a similar pattern for a long time in the Next.js, but now with the app router we can also add a loader function that's executed in a server component. (Thanks Ryan Florence for the inspiration) ✅ Infer/validate params/searchParams from Zod schema. ✅ Infer data

Eelco Wiersma

22,573 görüntüleme • 1 yıl önce

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

Server actions vs API routes in Next.js

Alex Sidorenko

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

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

Pagination in Next.js 13 with server components

Alex Sidorenko

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

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

Infinite scroll in Next.js 13 with server actions

Alex Sidorenko

166,418 görüntüleme • 2 yıl önce

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

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

React Server Components allow you to call your database directly from a component. And that's great... but how do we make sure this code never ever runs on the client?
1:25

React Server Components allow you to call your database directly from a component. And that's great... but how do we make sure this code never ever runs on the client?

Lee Robinson

177,009 görüntüleme • 1 yıl önce

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

50,434 görüntüleme • 1 yıl önce

Andrew Tate's Advice on How to Recover from a Hard Day
3:07

Andrew Tate's Advice on How to Recover from a Hard Day

DNG Comics

62,912 görüntüleme • 1 yıl önce

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