Improve Error and NotFound page - layout and informativeness

[ivan-aksamentov]

🙋 Feature Request

We need to imrove the usefullnes and user experience around Error and NotFound pages

🔦 Context

IMPORTANT: Before taking this issue, make sure you:

• understand (or learn) how React error boundaries work
• understand (or learn) how code splitting and lazy loading works
• understand that the error and not found pages can be triggered in multiple ways
• know how to run the app in production mode (see dev guide)
• are able to test on desktop and mobile (at least in chrome dev tools)

😯 Describe the feature

• in production, error page should contain basic information: what happened, how to report the bug and how to proceed
• error page should contain a link or button-link to reload the main page
• what are other error page best practices we can incorporate?
• if you are knowledgeable in site monitoring and/or reliability, let us know what tools you would suggest to incorporate, so that we can set an account and/or infra (e.g. Sentry etc.)

💻 Examples

💁 Possible Solution

Related