Nuxt 3 Crash Course #10 - Error Pages

In this lesson you'll learn how to make a custom error page for the application.

⭐⭐ Watch the whole course now (without ads) on Net Ninja Pro:

🐱‍💻 Access the course files on GitHub:

🐱‍💻 Vue 3 Tutorial:

🐱‍💻 Tailwind Tutorial:

[Drillan]

Speaking about the `fatal` property is what distinguishes your video from the trillions articles about this subject, thanks a LOT

[alex_k]

Great course!!! Thanks!

The docs says:
You can customize this error page by adding ~/error.vue in the source directory of your application, alongside app.vue. Although it is called an 'error page' it's not a route and shouldn't be placed in your ~/pages directory.

[sophiaonyoutube]

thank you for explaining everything in depth. i appreciate it!

[moviesworld]

I am so thankul to you the way u explained all the things with project. Love from India brother

[mrsmola]

great videos ! how much videos do you plan aproximatly?

[LS-jvuh]

Amazing series! Question at 8:05: Why exactly do we even need to clear the error? If the link only directed the user home, what adverse effect would there be? In other words, in what way would the error persist if we didn't bother to clear it?

[felipepena]

I am using typescript and I only get message through console but not bring me to the page error, I had to use a v-if and condition variable to send message inside's component

[ozqurozalp]

Hey, how can i use .env variables with nuxt3

[carlotadias]

Do you know if we can use components, created in the components folder, in the error page ?

Thank you very much, super good video 🤌🙌

[stefangarofalo]

Great video! Subscribed! I have a very similar setup, with ~/error.vue and I'm triggering the error with throw createError(). However I cant reach my custom error page, it just goes to the default error page, that has no button

[abdulazeezolanrewaju]

Keep up the good work Shaun😀

Are you a Chinese?

[greendsnow]

but how about the islands? the user is cut off from the UX to a brand new error page in this method.

[pokemoon]

Why i can't throw createError on my page?

Nuxt: 3.8.2

[ShourovRoy-pkzm]

Does nuxt3 has anything like error boundary in nested layouts. Instead of showing complete screen.
Is that possible?

[moshemo]

I am wondering, why did you just use NuxtLink for the button that goes back to the homepage?

[zerokifaco]

what your favorit framework javascript frontend, nuxt, next, qwik city, or astro

[youhan]

Thanks for the video. on 0:22 your page has a title tag and your browser shows (404 - Page not found ...) but when you added ~/error.vue your error page does not have a <title> tag anymore. Do you know how to solve that?

[lotsa]

It looks like they fixed the case where you encounter an error while navigating from the bad link URL. I didn't get the unhandled exception.

[cengiz-ilhan]

5:20 error.vue is not working on nuxt:^3.3.3" version .(.

[jasper_pa]

If it wont work you have to add error.vue file in the root of your project.