Deno•3y ago

Custom `401 Unauthorized` error page, similar to builtin `404 Not Found`?

How can I create a custom error page that is rendered by middleware in Fresh? The middleware handles authentication for incoming requests and if a request fails authentication, the middleware should generate a 401 Unauthorized response that includes the body of the custom error page.

Deno AI Helper•11/26/23, 10:45 AM

The documentation does not provide explicit information on creating a custom error page. It does, however, provide information on creating custom and pages.

In the case of a page, you would create a file in the folder with a default export that is a regular Preact component. The

page is invoked automatically when no route matches the URL.

For a page, you would create a file in the folder with a default export that is a regular Preact component. This page is rendered automatically when an error is thrown in a route handler.

However, the documentation does not specify a similar mechanism for a error page. It might be possible to create a similar mechanism for a error page, but without explicit support or examples in the documentation, I cannot provide a definitive answer.

For handling authentication, the documentation does provide an example where a middleware checks the authentication status of a request and redirects the user if they are not authenticated. But this example does not include rendering a custom error page.

I would recommend reaching out to the Fresh community or maintainers for more specific guidance on this topic.

Helpful Links:
Error pages | Fresh docs
Fresh 1.3 – Simplified Route Components and More
Fresh 1.1 - automatic JSX, plugins, DevTools, and more
How to Setup Auth with Fresh