How to create a default 404 error page in ASP.NET 6

The reason it will keep the readers on your website is because they will still be on your website with a menu to navigate than a browser default 404 page that will just make the user go to another page via the URL. The only thing we need to do to add a 404 page to your ASP.NET website is to add one line of code in your program.cs file and then make a new razor page template for the actual default 404 error page.

Program.cs

  
app.UseStatusCodePagesWithRedirects("/errors/{0}");

Create a folder in your “Pages” folder called “errors”. Inside the “errors” folder you can then add a razor page called 404.cshtml. You can make this file look exactly how you want to. However this is a template I just made.

errors/404.cshtml

  
@page
@model website.Pages.errors._404Model
@{
    ViewData["title"] = "Page does not exists";
}


<div class="container" style="text-align: center;  color: #888;">
    <h1 style="font-size: 150px; color: #888; margin-bottom: 0px;">404</h1>
    <p style="font-size: 50px; ">Page not found</p>
    <p>The page you are looking for doesn't exists or another issue occurred.</p>
    <p>Please navigate back to zetbit.tech</p>
</div>