Loading video...

Video Failed to Load

Go Home

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

asidorenko_'s profile picture

Alex Sidorenko

35,080 subscribers

59,820 views • 1 year ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

9 Comments

Alex Sidorenko's profile picture
Alex Sidorenko1 year ago

Cat animation by @bugcat_capoo_tw (sooooo good 🔥)

Yudistira Ashadi's profile picture
Yudistira Ashadi1 year ago

Haha, you need to give me the gif

Alex Sidorenko's profile picture
Alex Sidorenko1 year ago

Not sure who the author is to mention for credit :(

Amit Wani's profile picture
Amit Wani1 year ago

Irritating error

Nithur's profile picture
Nithur1 year ago

TIL about global-error.js, nice. Any idea what are the common culprits of this client-side exception error?

Alex Sidorenko's profile picture
Alex Sidorenko1 year ago

Any uncaught error on the client could cause this

Arthur Dias 🥊🇧🇷🚀's profile picture
Arthur Dias 🥊🇧🇷🚀1 year ago

I need this gif, badly

Prasenjit's profile picture
Prasenjit1 year ago

That's really good, thanks for sharing about it

Michał Zakrzewski's profile picture
Michał Zakrzewski1 year ago

Great and simple explanation! and nice gif 😉

Related Videos

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

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

Create a Home Screen that’s uniquely you. 🤩 In iOS 18, you can customize your Home Screen in all-new ways. Here’s how.
2:05

Create a Home Screen that’s uniquely you. 🤩 In iOS 18, you can customize your Home Screen in all-new ways. Here’s how.

Apple Support

66,308 views • 1 year ago

We just dropped the tutorials showing how incredibly easy it is to install and customize BeatScreen! A dynamic screen for #VRChat that reacts in real time to video and music using AudioLink. Check it out 👇
0:33

We just dropped the tutorials showing how incredibly easy it is to install and customize BeatScreen! A dynamic screen for #VRChat that reacts in real time to video and music using AudioLink. Check it out 👇

DX

34,924 views • 2 months ago

How to Record Screen in your PC 👇
0:20

How to Record Screen in your PC 👇

Mani Kandan

13,435 views • 3 months ago

"Navigation feels slow in Next.js" Try cacheComponents 👇
0:25

"Navigation feels slow in Next.js" Try cacheComponents 👇

Alex Sidorenko

269,689 views • 7 months ago

How do I get him off of my screen
0:34

Sensitive content

How do I get him off of my screen

Balatro Limbus Deadlock Umamusume Gonzalez

96,463 views • 1 year ago

How to enable logging for fetch requests in Next.js 14
0:20

How to enable logging for fetch requests in Next.js 14

Alex Sidorenko

92,570 views • 2 years ago

Today, I created a job board project that integrated Directus 🐰, Next.js and Chakra Using Directus as a headless CMS was such a joy to use 👏✨. Let me show you how I did it 👇
1:20

Today, I created a job board project that integrated Directus 🐰, Next.js and Chakra Using Directus as a headless CMS was such a joy to use 👏✨. Let me show you how I did it 👇

Esther 🥑

13,530 views • 3 years ago

How I generated a high quality 3D model in Blender, from a simple 2D image, using Claude 3.7! Screen capture + link + step-by-step process below👇
0:53

How I generated a high quality 3D model in Blender, from a simple 2D image, using Claude 3.7! Screen capture + link + step-by-step process below👇

Emm | scenario.com

169,478 views • 1 year ago

A bigger screen means more space to express yourself. Find out how to customize widgets, clocks and more on the expanded Flex Window. #GalaxyZFlip5 #GalaxyHowTo #Samsung
2:27

A bigger screen means more space to express yourself. Find out how to customize widgets, clocks and more on the expanded Flex Window. #GalaxyZFlip5 #GalaxyHowTo #Samsung

Samsung Malaysia

21,343 views • 2 years ago

how to customize form in exce
0:28

how to customize form in exce

Tips Excel

31,063 views • 1 year ago

I built a Next.js boilerplate to sell access to private GitHub repos using Gumroad in less than an hour with Cursor and v0 (and I don't know Next.js... AT ALL!)
1:02

I built a Next.js boilerplate to sell access to private GitHub repos using Gumroad in less than an hour with Cursor and v0 (and I don't know Next.js... AT ALL!)

Ian Nuttall

95,551 views • 1 year ago

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

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

How do you feel about splash screen in this app? 🫢
0:52

How do you feel about splash screen in this app? 🫢

Bogdan • QClay | Awsmd

18,167 views • 8 months ago

⚛️ How to type generic components in React with TypeScript ↓
0:23

⚛️ How to type generic components in React with TypeScript ↓

George Moller

94,044 views • 2 years ago

I built a v0 that shows how AI could improve error messages in Next.js, via xAI grok. First, I pasted a screenshot of the existing error dialog. The first shot was shockingly good. I used an upcoming 🤫 feature to increase its quality. I then asked it to add an "AI button" powered by Grok. It came up with the icon, the design, and the whole AI SDK implementation. The inspiration here: - Next.js was showing a bizarre error that I could not trace to my application. The source ended up being the SimilarWeb Chrome Extension 😨 - While I figured it out, we get a lot of non-expert users using the framework who get really thrown off by this stuff. - I wanted to validate whether AI would nail this one (turns out it does!) and what it would look like in the product
0:22

I built a v0 that shows how AI could improve error messages in Next.js, via xAI grok. First, I pasted a screenshot of the existing error dialog. The first shot was shockingly good. I used an upcoming 🤫 feature to increase its quality. I then asked it to add an "AI button" powered by Grok. It came up with the icon, the design, and the whole AI SDK implementation. The inspiration here: - Next.js was showing a bizarre error that I could not trace to my application. The source ended up being the SimilarWeb Chrome Extension 😨 - While I figured it out, we get a lot of non-expert users using the framework who get really thrown off by this stuff. - I wanted to validate whether AI would nail this one (turns out it does!) and what it would look like in the product

Guillermo Rauch

38,108 views • 1 year 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!
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 views • 1 year ago