Add 404 page

[gokaiorg]

No description provided.

[bonustrack]

Or redirect to homepage

[mktcode]

#1211 is fixed for spaces.
Others need fix:
https://snapshot.org/#/strategy/asdadadad
https://snapshot.org/#/profile/
https://snapshot.org/#/profile/asdadsasd

Need design for proper 404 page.

[zzuziak]

Shall we pick this one up to make sure all edge cases are covered? 🙏 @samuveth

[samuveth]

@zzuziak need design for this. Or at least some content for the page

[zzuziak]

We can also use the redirect to home for now, one option would be to display an alert of what happened after the redirection (URL you are looking for doesn't exist). Wdyt?

[Todmy]

The solution should be in configuring DO. We need to set catchall_document to index.html:

1. Using Cloud panel UI: Log in and click on App > Settings >> click on component name > scroll down to Custom page > Edit Custom page and select Catchall > Enter index.html in the page name block > save
2. Using App Spec: You can the catchall_document to index.html in-app spec.

[samuveth]

The solution should be in configuring DO. We need to set catchall_document to index.html:

1. Using Cloud panel UI: Log in and click on App > Settings >> click on component name > scroll down to Custom page > Edit Custom page and select Catchall > Enter index.html in the page name block > save
2. Using App Spec: You can the catchall_document to index.html in-app spec.

@Todmy What you are referring to I think is handling 404 pages on server level. But since we're hosting the frontend on Fleek, which serves static files and doesn't provide server-side configurations, the best approach would be to handle 404 pages directly within the application using Vue Router.

[Todmy]

@samuveth it cannot be done with the Vue router (only if we change it's type to history). This will require some changes to the hosting provider. After an investigation, I have found a way how to do it #4100. I agree that it's not perfect, but better than nothing.