NotFoundRoute - Show all routes inside the app on a not defined route

I’ve created a library called NotFoundRoute.

What is it?

NotFoundRoute is a library that adds a LiveView page to all non existing routes where all existing routes are show.

Why did I create it?

I wanted to create a better experience for devs to find the paths, helpers, controllers they were looking for, without recompiling the app to do so.

What does it do?

NotFoundRoute adds a match at the bottom of your router to “/*anything” in dev mode. When going to a page that isn’t defined, for example /not-found a page with the same output as mix phx.routes will be shown. The routes can be filtered with search input that works over all columns or a specific column can be selected.

Where can I find it?

You can find the library on Hex:

Contributions on GitHub are welcome:

3 Likes