Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

asidorenko_'s profile picture

Alex Sidorenko

34,322 subscribers

67,557 Aufrufe • vor 1 Jahr •via X (Twitter)

BildungWissenschaft & TechnologieNachrichten & Politik
LIVE

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Nilan Saha
Nilan Sahavor 1 Jahr

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

Profilbild von Đào Ngọc Thành
Đào Ngọc Thànhvor 1 Jahr

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

Profilbild von Твиттерский никнейм
Твиттерский никнеймvor 1 Jahr

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

Profilbild von Benjamin Mai
Benjamin Maivor 1 Jahr

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

Profilbild von Dave
Davevor 1 Jahr

Wow

Profilbild von Leehaor
Leehaorvor 1 Jahr

What is this screen recording software?

Profilbild von Alex Sidorenko
Alex Sidorenkovor 1 Jahr

@screenstudio

Profilbild von Chris
Chrisvor 1 Jahr

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

Profilbild von Zia Ur Rehman Khan
Zia Ur Rehman Khanvor 1 Jahr

Why can't we write reset() function?

Profilbild von Alex Sidorenko
Alex Sidorenkovor 1 Jahr

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.

Ähnliche Videos

"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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 1 Jahr

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

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

Alex Sidorenko

59,820 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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

Upload a file with server action in Next.js

Alex Sidorenko

83,954 Aufrufe • vor 2 Jahren

"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

51,480 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 9 Monaten

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,155 Aufrufe • vor 2 Jahren

📹 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,184 Aufrufe • vor 1 Jahr

Prefetching Tanstack Query in a server component
0:37

Prefetching Tanstack Query in a server component

Alex Sidorenko

56,536 Aufrufe • vor 1 Jahr

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

Server-side form validation in Next.js

Alex Sidorenko

72,160 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 2 Jahren

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

Pagination in Next.js 13 with server components

Alex Sidorenko

140,144 Aufrufe • vor 2 Jahren

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

Server actions vs API routes in Next.js

Alex Sidorenko

59,223 Aufrufe • vor 1 Jahr

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

Infinite scroll in Next.js 13 with server actions

Alex Sidorenko

166,418 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 8 Monaten

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,178 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr