Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

asidorenko_'s profile picture

Alex Sidorenko

35,080 subscribers

59,820 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

9 Yorum

Alex Sidorenko profil fotoğrafı
Alex Sidorenko1 yıl önce

Cat animation by @bugcat_capoo_tw (sooooo good 🔥)

Yudistira Ashadi profil fotoğrafı
Yudistira Ashadi1 yıl önce

Haha, you need to give me the gif

Alex Sidorenko profil fotoğrafı
Alex Sidorenko1 yıl önce

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

Amit Wani profil fotoğrafı
Amit Wani1 yıl önce

Irritating error

Nithur profil fotoğrafı
Nithur1 yıl önce

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

Alex Sidorenko profil fotoğrafı
Alex Sidorenko1 yıl önce

Any uncaught error on the client could cause this

Arthur Dias 🥊🇧🇷🚀 profil fotoğrafı
Arthur Dias 🥊🇧🇷🚀1 yıl önce

I need this gif, badly

Prasenjit profil fotoğrafı
Prasenjit1 yıl önce

That's really good, thanks for sharing about it

Michał Zakrzewski profil fotoğrafı
Michał Zakrzewski1 yıl önce

Great and simple explanation! and nice gif 😉

Benzer Videolar

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 görüntüleme • 1 yıl önce

"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 görüntüleme • 11 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

How to Record Screen in your PC 👇
0:20

How to Record Screen in your PC 👇

Mani Kandan

13,435 görüntüleme • 3 ay önce

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

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

Alex Sidorenko

269,689 görüntüleme • 7 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

how to customize form in exce
0:28

how to customize form in exce

Tips Excel

31,063 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 8 ay önce

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

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

George Moller

94,044 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

📹 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 görüntüleme • 1 yıl önce