Pretty URL with dynamic deep links

Are there any good solutions in Bubble to do deep linking in a pretty way? For example, say I have a single-page application.

Fake example: imagine a you can pick or edit one of the 50 US states, and it loads an RU which allows you to pick/edit a city in that state, which loads an RU that lets you pick/edit a neighborhood in that state.

I’d love to have the URLs look like this:

example.com/States ← Select which state you want to see
example.com/States/New_York ← Edit New York
example.com/States/California ← Edit California
example.com/States/California/Sacramento ← Edit Sacramento city
example.com/States/California/Sacramento/Downtown ← Edit Downtown neighborhood

Needs:

  • As you move around the SPA, no action should ever trigger a page refresh or reload.
  • As you explore, the URL should dynamically be updated
  • Clicking the browser back button should take you back to the previous RU you were editing/viewing
  • The user should be able to copy the URL at any point and use that URL later to arrive at the exact same interface.

The standard Bubble way would be using URL parameters, which is ugly:

example.com/States ← Select which state you want to see
example.com/States?state=New_York ← Edit New York
example.com/States?state=California ← Edit California
example.com/States?state=California&city=Sacramento ← Edit Sacramento city
example.com/States?state=California&city=Sacramento&neighborhood=Downtown ← Edit Downtown neighborhood

It’s also possible (likely, even) that the URL parameters order will get mixed up, making them even less pretty.