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 • 2 years ago •via X (Twitter)

Education Science & Technology News & Politics

Anya Rossi• Live Now

Private livecam show

10 Comments

Nilan Saha2 years ago

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

Đào Ngọc Thành2 years ago

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

Твиттерский никнейм2 years ago

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

Benjamin Mai2 years ago

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

Dave2 years ago

Wow

Leehaor2 years ago

What is this screen recording software?

Alex Sidorenko2 years ago

@screenstudio

Chris2 years ago

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

Zia Ur Rehman Khan2 years ago

Why can't we write reset() function?

Alex Sidorenko2 years 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 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 • 2 years 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,869 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

37,119 views • 1 year ago

How to refactor an existing client component into a server component? 1. Move the state to the URL 2. Move data fetching to the server 3. Isolate interactivity into a smaller client component

How to refactor an existing client component into a server component? 1. Move the state to the URL 2. Move data fetching to the server 3. Isolate interactivity into a smaller client component

Alex Sidorenko

112,417 views • 3 years ago

Upload a file with server action in Next.js

Upload a file with server action in Next.js

Alex Sidorenko

84,012 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,593 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,557 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 • 1 year 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,195 views • 3 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

Server Actions in Next.js 13

Server Actions in Next.js 13

Alex Sidorenko

230,810 views • 3 years ago

How to hide the first pagination page from the URL in Next.js 13

How to hide the first pagination page from the URL in Next.js 13

Alex Sidorenko

98,513 views • 3 years ago

Prefetching Tanstack Query in a server component

Prefetching Tanstack Query in a server component

Alex Sidorenko

56,639 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

Pagination in Next.js 13 with server components

Pagination in Next.js 13 with server components

Alex Sidorenko

140,294 views • 3 years ago

Infinite scroll in Next.js 13 with server actions

Infinite scroll in Next.js 13 with server actions

Alex Sidorenko

166,498 views • 3 years ago

how to recover from this

how to recover from this

Jaeger🍓

290,591 views • 10 days 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,086 views • 2 years ago