Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

Alex Sidorenko

34,322 subscribers

67,557 views • 1 year ago •via X (Twitter)

Education Science & Technology News & Politics

Anya Rossi• Live Now

Private livecam show

10 Comments

Nilan Saha1 year ago

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

Đào Ngọc Thành1 year ago

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

Твиттерский никнейм1 year ago

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

Benjamin Mai1 year ago

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

Dave1 year ago

Wow

Leehaor1 year ago

What is this screen recording software?

Alex Sidorenko1 year ago

@screenstudio

Chris1 year ago

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

Zia Ur Rehman Khan1 year ago

Why can't we write reset() function?

Alex Sidorenko1 year ago

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.

Related Videos

"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 views • 11 months ago

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

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

Alex Sidorenko

91,579 views • 1 year ago

"How do I customize a generic error screen in Next.js?" 👇

"How do I customize a generic error screen in Next.js?" 👇

Alex Sidorenko

59,820 views • 1 year ago

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 views • 1 year ago

Upload a file with server action in Next.js

Upload a file with server action in Next.js

Alex Sidorenko

83,954 views • 2 years ago

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

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

Alex Sidorenko

51,480 views • 1 year ago

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

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 views • 9 months ago

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 views • 2 years ago

📹 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!

📹 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,193 views • 1 year ago

Prefetching Tanstack Query in a server component

Prefetching Tanstack Query in a server component

Alex Sidorenko

56,591 views • 1 year ago

Server-side form validation in Next.js

Server-side form validation in Next.js

Alex Sidorenko

72,160 views • 2 years ago

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

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 views • 2 years ago

Pagination in Next.js 13 with server components

Pagination in Next.js 13 with server components

Alex Sidorenko

140,144 views • 2 years ago

Server actions vs API routes in Next.js

Server actions vs API routes in Next.js

Alex Sidorenko

59,223 views • 1 year ago

Infinite scroll in Next.js 13 with server actions

Infinite scroll in Next.js 13 with server actions

Alex Sidorenko

166,418 views • 2 years ago

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

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

Alex Sidorenko

107,205 views • 9 months ago

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

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

Alex Sidorenko

114,178 views • 2 years ago

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?

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,037 views • 1 year ago

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.

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 views • 1 year ago

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

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

DNG Comics

62,912 views • 1 year ago