Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

asidorenko_'s profile picture

Alex Sidorenko

35,080 subscribers

59,820 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

9 Kommentare

Profilbild von Alex Sidorenko
Alex Sidorenkovor 1 Jahr

Cat animation by @bugcat_capoo_tw (sooooo good 🔥)

Profilbild von Yudistira Ashadi
Yudistira Ashadivor 1 Jahr

Haha, you need to give me the gif

Profilbild von Alex Sidorenko
Alex Sidorenkovor 1 Jahr

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

Profilbild von Amit Wani
Amit Wanivor 1 Jahr

Irritating error

Profilbild von Nithur
Nithurvor 1 Jahr

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

Profilbild von Alex Sidorenko
Alex Sidorenkovor 1 Jahr

Any uncaught error on the client could cause this

Profilbild von Arthur Dias 🥊🇧🇷🚀
Arthur Dias 🥊🇧🇷🚀vor 1 Jahr

I need this gif, badly

Profilbild von Prasenjit
Prasenjitvor 1 Jahr

That's really good, thanks for sharing about it

Profilbild von Michał Zakrzewski
Michał Zakrzewskivor 1 Jahr

Great and simple explanation! and nice gif 😉

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

"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

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

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

How to Record Screen in your PC 👇
0:20

How to Record Screen in your PC 👇

Mani Kandan

13,435 Aufrufe • vor 3 Monaten

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

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

Alex Sidorenko

269,689 Aufrufe • vor 7 Monaten

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

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

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

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

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

how to customize form in exce
0:28

how to customize form in exce

Tips Excel

31,063 Aufrufe • vor 1 Jahr

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

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

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

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

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

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

George Moller

94,044 Aufrufe • vor 2 Jahren

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

📹 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