Custom 404 page instead of "Your slicezone is empty" nuxtjs

[mb1 (Marco Berlanda)]

Greetings.

I'm having trouble displaying a 404 custom page instead of the default "Your slicezone is empty. To start rendering components....." page.

I'm using slicezone, and I cannot, for the life of me, find out how to achieve this.

I also created a link-resolver inside /app/prismic/link-resolver.js but honestly, it doesn't seem to work at all. It was my understanding that the link-resolver is used to redirect the content to be displayed and not the actual "URL", but I can't seem to catch the 404 error.

How can I achieve what I'm aiming to?

Thanks and best regards.

[Phil (Phil Snow)]

Hi Marco,

So this message is only displayed in development mode as described here:

Your SliceZone is empty - How to have this not show when choose to have no slices in a particular document?

Hey again @online, So I talked with the team and the empty Slice Zone will only appear in development mode. If/when you statically generate your nuxt project this will no longer appear.

So it will only redirect to the default 404 in production mode. You can also create a custom 404 as described here:

404 Page with Slice Machine in NuxtJS

Hi there, I created a website using Slice Machine and NuxtJS. When I open a route, the « Your SliceZone is empty» page shows up. I'd like to render a 404 page instead. How do I do that? Best regards David

The linkresolver is only used to direct to existing Prismic pages, but the routes must match the page structure of your project.

Let me know if you have any further questions.

Thanks.

[mb1 (Marco Berlanda)]

Thank you Phil, now it makes much more sense!

Best regards